.imageContainer {
    margin-top: 48px;
    margin-left:0%;
    margin-right: 0%;
    display: inline-block;
    position: relative;
    text-align:center;
    color:white;
    z-index: 0;
 }
 .tcaption{
    font-size: 33px;
    font-weight: lighter;
    font-family: sans-serif;
    margin:0px;
 }
 .bcaption{
    font-size: 50px;
    font-weight: bolder;
    font-family: Cursive;
    margin:0px;
 }
 .tcenter{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin:0px;
 }
 .bcenter{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin:0px;
 }
 .bg{
    background-color:black;
    color:white;
    border: none;
    margin:0px;
    padding:10px;
 }
 .h1{
    margin:0px;
    background: white;
 }
 .pad{
    padding:10px;
 }

/* Main navigation bar */
.topnav {
   overflow: hidden;
   background-color: grey;
   position: fixed;
   width: 100%;
   cursor: pointer;
   z-index: 1;
   top: 0;
   left: 0;
}

/* Links and buttons inside the topnav */
.topnav a, .topnav .nav-button {
   float: left;
   display: block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
   background: none; /* Make sure button has no background */
   border: none; /* Remove border for button */
   cursor: pointer;
}

/* Hover effect for both links and buttons */
.topnav a:hover, .topnav .nav-button:hover {
   background-color: green; /* Change background color on hover */
   color: black;
}

/* Active link style */
.topnav a.active {
   background-color: white;
   color: green;
}

/* Mobile menu icon */
.topnav .icon {
   display: none;
}

/* Responsive: Show menu when screen is smaller */
@media screen and (max-width: 600px) {
   .topnav a:not(:first-child), .topnav .nav-button {
     display: none;
   }
   .topnav a.icon {
     float: right;
     display: block;
   }
}

/* Responsive: Show all menu items when in responsive mode */
@media screen and (max-width: 600px) {
   .topnav.responsive {
     position: fixed;
     z-index: 1;
     width: 100%;
     top: 0;
   }
   .topnav.responsive .icon {
     position: absolute;
     right: 0;
     top: 0;
   }
   .topnav.responsive a, .topnav.responsive .nav-button {
     float: none;
     display: block;
     text-align: left;
   }
}
 
 .button{
   background-color: black;
   color: white;
   font-size: 20px;
   padding: 0px;
   margin: 0px;
   border: 0;
 }
 
 .footer{
   width: 100%;
   text-align: center;
   margin-top: 25px;
   background-color: grey;
 }

 .jolkwebbtn {
    font-size:15px;
    background:black;
    border-radius: 15px;
    color:white;
 }