/* cmsms stylesheet: ollie_stylesheet_default modified: 09/13/25 11:30:08 */
body {
   font-style: arial;
   font-size: 14px;
   max-width: 1200px;
   margin: 0px auto 0px auto;
   color: #353535;
   background-image: url("/assets/images/ollie-background-002.jpg"); 
}

.clearb {
   clear: both;
}

a {
   color: #000;
   text-decoration: none;
}

p {
   margin: 15px 0px 15px 0px !important;
}

h1,h2,h3,h4,h5,h6 {
   margin: 15px 0px;
   color: #353535;
}

h1 {
   font-size: 42px;
} 
h2 {
   font-size: 32px;
} 

h3 {
   font-size: 24px;
} 

#header {
   position: relative;
   border-bottom: 1px solid #353535;
   margin: 20px 0px 35px 5px;
}


#name {
   max-width: 600px;
   float: left;
   font-size: 48px;
   font-weight: bold;
   color: #757575;
}

#email {
   width: 100px;
   float: right;
}

#email img {
   width: 40px;
   margin-top: 10px;
}

#return-to-parent {
   text-align: center;
   width: 150px;
   padding: 10px;
   border: 1px solid #959595;
   letter-spacing: 1px;
   margin: 5px auto 20px auto; 
   background-color: white;
}

@media (max-width: 549px) {
    img {
       margin: 0 auto; !important;
    }
}

.centerparagraf {
   max-width: 65% !important;
}

.centerparagraf img{
   width: 100% !important;
   height: 100% !important;
}
 
#content {
   position: relative;
   margin: 0px 5px 0px 5px;
   font-size: 18px;
   letter-spacing: 1px;
   line-height: 1.2;
}

@media (min-width: 1050px){
   #content p {
      max-width: 980px;
      margin: 0px auto 0px auto !important;
   }
}

@media (max-width: 1049px){
   #content p {
      max-width: 735px;
      margin: 0px auto 0px auto !important;
   }
   .gallery {
      width: 793px;
   }
}


@media (max-width: 793px){
   #content p {
      max-width: 475px;
      margin: 0px auto 0px auto !important;
   }

   .gallery {
      width: 577px;
   }
}

@media (max-width: 577px){
   #content p {
      max-width: 420px;
      margin: 0px auto 0px auto !important;
   }
   .gallery {
      width: 250px;
   }

}

#primary-nav {
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.gallery {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 0px auto;
   clear: both;
}
  

.MenuItem {
   position: releative;
   width: 210px;
   height: 210px;
   float: left;
   margin: 30px 25px 0px 0px;
   text-align: center;
   border: 1px solid grey;
}

.MenuImage img {
   position: relative;
   width: 210px;
   height: 210px;
}

.MenuText {
   position: absolute;
   width: 100px;
   background-color: #fff;
   border: 1px solid #000;
   padding: 6px 10px;
   margin:-60px 0px 0px 45px;
   font-size: 18px;
   letter-spacing: 1px;
   opacity: 0.8;
}

#footer {
   border-top: 1px solid #353535;
   padding: 10px 0px;
   font-size: 14px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0px auto;
      clear: both;
}
/* cmsms stylesheet: ollie_stylesheet_footer modified: 09/13/25 11:30:08 */
#disclaimer {
   background-color: white;
   width: 80px;
   height: 15px;
   border: 1px solid grey;
   padding: 5px;
   margin: 10px 20px 10px 20px;
   float: left;
   text-align: center;
}

#avg {
   background-color: white;
   width: 80px;
   height: 15px;
   border: 1px solid grey;
   padding: 5px;
   margin: 10px 20px 10px 20px;
   float: left;
   text-align: center;
}

#cw {
   background-color: white;
   font-size: 12px;
   margin: 10px 20px 10px 20px;
   border: 1px solid grey;
   padding: 5px;
}
