@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

* {
  margin:0px;
  padding:0px;
}

body {
  font-family: 'Open Sans', sans-serif;
  color:#636466;
  background: white;
  font-size: 16px;
}


input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

p, h1 {
  margin-bottom: 20px;
}

p{
  font-size:1em;
  line-height: 1.5em;
}

.book-now a {
  text-decoration: none;
  color: white;
  transition: .4s;
}

.show-menu {
  text-decoration: none;
  color: white;
  background: #88bb42;
  text-align: center;
  padding: 10px 0;
  display: none;
  width:100%;
}

input[type=checkbox] .menu-box {
    display: none;
    -webkit-appearance: none;
}

a {
  color:#0a0732;
  text-decoration: none;
  transition: .4s;
}

.review {
  width:150px;
  margin:20px auto;
}


.dark-container {
  background: black;
  color: white;
  padding:40px 0px 60px;
  text-align: center;
}

.dark-container h2 {
  font-size: 36pt;
}

#announcement {
  background: black;
  padding:20px 10px;
  color: white;
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}

.center-text-black {
  text-align: center;
  color: #000000;
}

.contact-form {
  color: #000;
  width: 30%;
  margin: 0px auto;
}

.contact-form input {
  width: 100%;
  background: none;
  border-left: 0px #2d2d2d;
  border-top: 0px #2d2d2d;
  border-right: 0px;
  padding: 5px;
}

.contact-form input[type="submit"] {
  background-color: #E82830;
  margin: 10px 0px 10px 0px;
  border: none;
  color: white;
  font-weight: bold;
  font-size: 15px;
}

.contact-form input:focus-visible {
  outline:0px;
}

.contact-form label {
  display: block;
  margin: 10px 0px 5px 0px;
}

.contact-form-wrapper {
  padding: 0px 0px 80px 0px;
  background: white;
  color: #222222;
  font-size: 14pt;
}

.contact-form-wrapper h2 {
  color: #E82830;
  text-align: center;
}

@media (min-width: 1100px) {

  .content{
    padding: 80px 0;
  }

  .no-padding {
    padding:0px 0px 40px 0px !important;
  }

  .container {
    width:1100px;
    margin:0 auto;
  }

  /***** HEADER DESKTOP STYLES *****/

  header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:100px;
    background: #fff;
    color: #5f5f5f;
    margin: 10px 0;
  }

  #header-image{
    width:11%;
  }

  #header-image img{
    width:100%;
    height:auto;
    max-width: 120px;
    margin:0 auto;
  }

  #header-image img:hover{
    opacity: .7;
  }

  #navigation{
    width:88%;
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
  }


  #navigation ul, #navigation ul li {
    display: inline;
    font-weight: bold;
  }

  #navigation ul li a {
    padding:8px 10px;
    font-size: 12pt;
    text-decoration: none;
  }

  #navigation a{
    color: #636466;
    text-decoration: none;
    margin: 0 8px;
  }

  #navigation ul a:hover {
    color:#88bb42;
    cursor: pointer;
  }

  a#book-now {
    text-align: center;
    background: #e82830;
    color: white;
    float: right;
    display: inline-block;
    padding:10px 30px;
    margin-top: -10px;
    margin-left: 20px;
    text-decoration: none;
    font-weight: bold;
    border:2px solid #e82830;
  }

  a#book-now:hover{
    background-color:#fff;
    color:#636466;
  }


.header-border{
  height:1px;
  background-color:#88bb42;
  width:100%;
}


  /***** MAIN DESKTOP STYLES *****/

  .white-border{
    width:450px;
    height:4px;
    background-color: #fff;
    margin-top: 40px
  }

  #homepage-hero{
    background: url('images/3d.jpg') no-repeat center;
    background-size: cover;
    height: 500px;
  }

  #homepage-hero .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #homepage-hero h1{
    font-size: 3em;
  }

  #homepage-content{
    /*background-color: black;*/
  }

  #homepage-content .container{
    display: flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
  }

  #homepage-content h2{
    font-size:1.7em;
    text-align: center;
    margin-bottom:40px;
  }

  #homepage-content p{
    font-size:1.5em;
    text-align: center;
    margin-bottom: 40px;
  }

  #homepage-icons{
    display:flex;
    justify-content: space-around;
    align-items:center;
    height:150px;
    width:100%;
    margin-top:60px;
    padding:10px 0;
    /*border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;*/
  }

  #homepage-icons img{
    width:100%;
    height:auto;
    max-width: 125px;
    }

  #homepage-zig-zag{
    display: flex;
    flex-direction: column;
    background-color: black;
    padding: 0px;
  }

  #homepage-zig-zag h1{
    color: white;
  }

  h1.big-title{
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 40px;
  }

  .text-left,
  .text-right{
    height: 440px;
    background-color: black;
    display: flex;
    align-items: center;
  }

  .text-left img,
  .text-right img{
    display: none;
  }

  .zig-zag-text{
    display: flex;
    flex-direction: column;
    width: 400px;
  }

  .zig-zag-text h3{
    font-size: 2em;
    padding-bottom: 10px;
    border-bottom: 2px solid #88bb42;
    margin-bottom: 40px;
  }

  .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #88bb42;
    border: 2px solid #88bb42;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  .zig-zag-text a:hover{
    color: #88bb42;
    background-color: white;
  }

  #team-building-home .zig-zag-text h3{
    font-size: 2em;
    padding-bottom: 10px;
    border-bottom: 2px solid #209fd7;
    margin-bottom: 40px;
  }

   #team-building-home .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #209fd7;
    border: 2px solid #209fd7;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  #team-building-home .zig-zag-text a:hover{
    color: #209fd7;
    background-color: white;
  }

  #bachelorette-home .zig-zag-text h3{
    font-size: 2em;
    padding-bottom: 10px;
    border-bottom: 2px solid #e82830;
    margin-bottom: 40px;
  }

   #bachelorette-home .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #e82830;
    border: 2px solid #e82830;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  #bachelorette-home .zig-zag-text a:hover{
    color: #e82830;
    background-color: white;
  }

  .text-left{
    padding-left: 220px;
  }

  .text-right{
    justify-content: flex-end;
    padding-right: 220px;
  }

  #team-building-home{
    background: url('images/team-background.jpg') no-repeat center;background-size: cover;
  }

  #birthday-home{
    background: url('images/birthday-background.jpg') no-repeat center;background-size: cover;
  }

  #bachelorette-home{
    background: url('images/bachelorette-background.jpg') no-repeat center;background-size: cover;
  }

  #faq-home{
    text-align: center;
    border-bottom: 1px solid #209fd7;
  }

  /*#faq-home h1{
    color: #222222;
  }*/

  .faq-question{
    margin-bottom: 40px;
  }

  .faq-question h3{
    color: #209fd7;
    margin-bottom: 10px;
  }

  .faq-question p{
    font-size: 1.1em;
  }

  .faq-question a{
    color: #636466;
    border-bottom: 1px solid #209fd7;
    font-weight: bold;
  }

  .faq-question a:hover{
    color: #209fd7;
  }

  .testimonial {
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
    padding: 120px 0px;
    color:white !important;
    background:#636466;
  }

  .slideshow {
    width: 100% !important;
  }

  .testimonials {
    background: transparent !important;
    margin:0 auto !important;
    width:700px !important;
  }

  .badge {
    float:left;
    width:200px;
    margin-top: -20px;
  }

  .reviews {
    width:700px;
    float:left;
  }


   /***** GIFT CERTIFICATES DESKTOP STYLES *****/

   #content h1{
    font-size:2.5em;
    color:#636466;
    margin-bottom: 60px;
    text-align:center;
   }

   #gift-sub-slider{
    background-image:url('../images/gift-card-hero.jpg');
    height:450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   .gift-card-content{
    color: black;
    padding-bottom: 0px;
   }

   .content h1{
    text-align: center;
    margin-bottom: 60px;
   }

   .gift-card-content a{
    color: #000;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  .gift-card-content a:hover{
    color: #88bb42;
  }

  /***KIDS DESKTOP STYLES***/

  #kids-sub-slider{
    background-image:url('../images/kids-hero.jpg');
    height:450px;
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: cover;
   }

   .kids-content{
    color: #636466;
   }

   .kids-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  .kids-content a:hover{
    color: #88bb42;
  }

  #franchise-sub-slider{
    background-image:url('../images/franchise.jpg');
    height:650px;
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: cover;
   }

   /***** FAQ DESKTOP STYLES *****/

   #faq-content{
    text-align:justify;
    /*color:#000;*/
    border-bottom:1px solid #209fd7;
    padding-bottom: 20px;
   }

   #faq-content h2{
    margin-bottom:10px;
   }

   #faq-content p{
    line-height: 1.5em;
    margin-bottom:40px;
   }


   /***** TEAM BUILDING DESKTOP STYLES *****/

    #team-sub-slider{
    height:450px;
    background-image:url('../images/team1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   #team-content{
    text-align:justify;
    color:#636466;
    padding: 60px 0 60px;
   }

   #team-content p{
    line-height: 1.5em;
    margin-bottom:40px;
   }

   #team-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  #team-content a:hover{
    color: #88bb42;
  }



   /***** CONTACT DESKTOP STYLES *****/

   #contact-content{
    text-align:center;
    color:#636466;
   /*border-bottom:1px solid #88bb42;*/
    padding:60px 0;
   }

   #contact-content p{
    margin-bottom:5px;
   }

   #contact-content img {
    width:100%;
    height:auto;
    margin:20px 0;
   }

   #contact-content a{
    color: #636466;
    /*font-weight: bold;*/
    border-bottom: 1px solid #88bb42;
   }

   #contact-content a:hover{
    color: #88bb42;
   }

   /***** ABOUT US DESKTOP STYLES *****/

   #about-content{
    text-align:justify;
    color:#636466;
    padding: 60px 0;
   }

   #about-content p{
    line-height: 1.5em;
    margin-bottom:40px;
   }

   /***SPECIAL EVENTS DESKTOP STYLES***/

   #special-events-content .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: flex-start;
   }

   #special-events-content h1{
    width: 100%;
   }

   p.p-full-width{
    width: 100%;
   }

   .p-full-width a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
   }

   .p-full-width a:hover{
    color: #88bb42;
   }

  .icon-container{
    position: relative;
    width: 260px;
    margin:0 20px 40px;
   }

  .visible {
    width: 260px;
    height: 300px;
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .visible img{
    width: 230px;
    height: auto;
    border-radius: 5px;
    margin-bottom: 40px;
  }

  .visible h3{
    text-align: center;
  }

  .team-visible{
    box-shadow: 2px 2px 4px #209fd7;
  }

  .team-visible h3{
    color: #209fd7;
  }

  .bach-visible{
    box-shadow: 2px 2px 4px #e82830;
  }

  .bach-visible h3{
    color: #e82830;
  }

  .birthday-visible {
    box-shadow: 2px 2px 4px #88bb42;
  }

  .birthday-visible h3{
    color: #88bb42;
  }

  .family-visible {
    box-shadow: 2px 2px 4px #f39333;
  }

  .family-visible h3{
    color: #f39333;
  }

  .friends-visible {
    box-shadow: 2px 2px 4px #fec932;
  }

  .friends-visible h3{
    color: #fec932;
  }

  .icon-container:hover .overlay-color {
    opacity: 1;
  }

  .overlay-color{
    width: 260px;
    height: 300px;
    padding: 20px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease;
    border-radius: 5px;
  }

  .team-overlay{
    background: #209fd7;
  }

  .bach-overlay{
    background: #e82830;
  }

  .birthday-overlay{
    background: #88bb42;
  }

  .family-overlay{
     background: #f39333;
  }

  .friends-overlay{
     background: #fec932;
  }

  .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    padding: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .text p{
    margin-bottom: 40px;
  }

  .text a{
    padding: 10px 20px;
    color: white;
    border: 2px solid white;
    font-weight: bold;
  }

  .text a:hover{
    background: white;
  }

  .team-overlay a:hover{
    color: #209fd7;
  }

  .bach-overlay a:hover{
    color: #e82830;
  }

  .birthday-overlay a:hover{
    color: #88bb42;
  }

  .family-overlay a:hover{
    color: #f39333;
  }

  .friends-overlay a:hover{
    color: #fec932;
  }







  /***** FOOTER DESKTOP STYLES *****/

  footer{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    height:300px;
  }

  #footer-images{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width:30%;
  }

  #footer-logo:hover{
    opacity:70%;
  }

  #footer-social-icons{
    display:flex;
    justify-content: space-around;
    align-items: center;
    width:100%;
  }

  #footer-social-icons a:hover{
    filter: brightness(1.15);
  }

  #footer-logo{
     width:100%;
    height:auto;
    max-width: 200px;
    margin-bottom:20px;
  }

  .footer-col{
    height:200px;
    color:#636466;
    line-height:1.5em;
  }

  .footer-col h4{
    color:#636466;
    font-size:1.3em;
    margin-bottom:5px;
  }

  .footer-col a{
    color:#636466;
    text-decoration: none;
    border-bottom: 1px solid #fff;
  }

  .footer-col a:hover{
    color:#88bb42;
  }

  .green-border-footer {
    height: 3px;
    width: 250px;
    background: #88bb42;
    margin-bottom: 20px;
    float: right;
}

#sub-footer{
  display:flex;
  justify-content: center;
  align-items:center;
  width:100%;
  background-color:#5f5f5f;
  color:#fff;
  padding:10px 0;
}

#sub-footer a{
  color:#fff;
  text-decoration: none;
}

#sub-footer a:hover{
  color:#f39333;
}
  .mobile-video {
    display: none;
  }
}


@media screen and (max-width: 1099px){

  .content{
    padding: 60px 20px
  }

  .no-padding {
    padding:0px !important;
  }

  .container {
    width:100%;
    margin:0 auto;
  }

  .mobile-video {

    display: block;
    height: 400px;
    width: 100%;
    background: black;
  }

  .mobile-video video {
    margin:0 auto;
    max-height: 300px;
    width:auto;
    transform: rotate(90deg);
    margin-top: 92px;
    position: absolute;
    top: 0;
    left: 0;

  }

  .desktop-video {
    display: none;
  }

  /***** HEADER MOBILE STYLES *****/

  header{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  #navigation{
    width:100%;
    /*display: flex;
    flex-direction: column-reverse;
    align-items: center;*/
  }

  #header-image img{
    width:150px;
    height:auto;
    max-width:200px;
    margin: 20px 0 10px;
  }

  .show-menu {
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    background-color: #88bb42;
    color:#fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    border-top: 2px solid #636466;
    border-bottom: 2px solid #636466;
    padding: 3px 0;
  }

  .show-menu:hover{
    background-color:#fff;
    color:#88bb42;
    border-top: 2px solid #636466;
    border-bottom: 2px solid #636466;
  }

  input[type=checkbox]:checked ~ ul.dropdown{
      display: block;
  }
  input[type=checkbox]:not(:checked) ~ ul.dropdown{
      display: none;
  }

  li{
    width:100%;
    text-align:center;
    margin-bottom:1px;
    line-height:2em;
  }

  ul.dropdown{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    background-color: #88bb42;
    border-bottom: 1px solid #88bb42;
  }

  ul.dropdown li {
    font-size: 1.2em;
    background-color:#fff;
  }

  ul.dropdown a{
    text-decoration: none;
    color:#636466;
    font-weight: bold;
  }

  .dropdown li:hover {
    /*background-color:#88bb42;*/
    color:#88bb42;
  }

  a#book-now {
    text-align: center;
    background: #e82830;
    color: white;
    display: block;
    width: 150px;
    padding:10px 30px;
    margin: 0 auto 20px;
    text-decoration: none;
    font-weight: bold;
    border:2px solid #e82830;
  }

  a#book-now:hover{
    background-color:#fff;
    color:#636466;
  }

  #location {
    display:none;
}

.contact-form {
    width: 100%;
    padding: 0px 30px 0px 30px;

  }

  .contact-form input {
    width: 80%;
  }

  .contact-form input[type="submit"] {
    width: 210px !important;
  }


  /***** MAIN BODY MOBILE STYLES *****/

  #homepage-hero{
    background: url('images/3d.jpg') no-repeat center;
    background-size: cover;
    height: 400px;
  }

  #homepage-content {
    /*background-color: black;*/
  }

  #homepage-content .container{
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
    text-align:center;
    margin: 20px 0 60px;
  }

  #homepage-content h2{
    margin-bottom:40px;
    width:90%;
  }

  #homepage-content p{
    margin-bottom:20px;
    width:90%;
  }

  #homepage-icons{
    display:flex;
    justify-content: space-around;
    align-items: center;
    padding:20px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  #homepage-icons img{
    width:100%;
    height:auto;
    max-width:50px;
  }

  .book-now {
    display:none;
  }

  #homepage-zig-zag{
    /*background-color: white;*/
  }

  .text-left,
  .text-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
  }

  .text-left:last-child{
    margin-bottom: 20px;
  }

  .text-left img,
  .text-right img{
    width: 95%;
    margin-top: 40px;
    max-width: 400px;
  }

  .zig-zag-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .zig-zag-text h3{
    font-size: 1.5em;
    padding-bottom: 10px;
    border-bottom: 2px solid #88bb42;
    margin-bottom: 40px;
  }

  .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #88bb42;
    border: 2px solid #88bb42;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  .zig-zag-text a:hover{
    color: #88bb42;
    background-color: white;
  }

  #team-building-home .zig-zag-text h3{
    font-size: 1.5em;
    padding-bottom: 10px;
    border-bottom: 2px solid #209fd7;
    margin-bottom: 40px;
  }

   #team-building-home .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #209fd7;
    border: 2px solid #209fd7;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  #team-building-home .zig-zag-text a:hover{
    color: #209fd7;
    background-color: white;
  }

  #bachelorette-home .zig-zag-text h3{
    font-size: 1.5em;
    padding-bottom: 10px;
    border-bottom: 2px solid #e82830;
    margin-bottom: 40px;
  }

   #bachelorette-home .zig-zag-text a{
    color: white;
    padding: 10px 20px;
    width: 150px;
    background-color: #e82830;
    border: 2px solid #e82830;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 20px;
  }

  #bachelorette-home .zig-zag-text a:hover{
    color: #e82830;
    background-color: white;
  }

  #faq-home{
    border-top: 1px solid #209fd7;
    text-align: center;
  }

  #faq-home h3{
    color: #209fd7;
  }

  #faq-home a{
    color: #636466;
    border-bottom: 1px solid #209fd7;
    font-weight: bold;
  }

  #faq-home a:hover{
    color: #209fd7;
  }

  .testimonial {
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
    padding: 60px 20px 40px;
    color:white !important;
    background:#636466;
  }

  .slideshow {
    width: 100% !important;
    margin:20px 0 10px;
  }

  .testimonials {
    background: transparent !important;
    margin:0 auto !important;
    width:100% !important;
  }

  #CDSRATINGWIDGET933{
    margin:0 auto;
  }

  /***** GIFT CERTIFICAGES MOBILE STYLES *****/

  #gift-sub-slider{
    background-image:url('../images/gift-card-hero.jpg');
    height:300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }

  #content h1 {
    font-size: 2.5em;
    color: #636466;
    margin-bottom: 40px;
    text-align: center;
  }

  .gift-card-content{
    color: black;
    padding-bottom: 0px;
   }

   .content h1{
    text-align: center;
    margin-bottom: 40px;
    color: #636466;
   }

   .gift-card-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  .gift-card-content a:hover{
    color: #88bb42;
  }

  /***KIDS MOBILE STYLES***/

  #kids-sub-slider{
    background-image:url('../images/kids-hero.jpg');
    height:450px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
   }



   .kids-content{
    color:#636466;
   }

   .kids-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  .kids-content a:hover{
    color: #88bb42;
  }


  #franchise-sub-slider{
    background-image:url('../images/franchise.jpg');
    height:450px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
   }

  /***** FAQ MOBILE STYLES *****/

   #faq-content{
    text-align:center;
    color:#636466;
    border-bottom:1px solid #88bb42;
    padding-bottom: 20px;
   }

   #faq-content h2{
    margin:0 20px 10px;
   }

   #faq-content p{
    margin: 0 20px 40px;
    line-height: 1.5em;
   }

   /***** TEAM BUILDING MOBILE STYLES *****/

   #team-sub-slider{
    background-image:url('../images/team1.jpg');
    height:450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   #team-content{
    text-align:center;
    color:#636466;
    /* border-bottom:1px solid #88bb42; */
    padding: 60px 0px;
   }

   #team-content p{
    margin: 0 20px 0px;
    line-height: 1.5em;
   }

   #team-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
  }

  #team-content a:hover{
    color: #88bb42;
  }


   /***** CONTACT MOBILE STYLES *****/

    #contact-content{
    text-align:center;
    color:#636466;
    border-bottom:1px solid #88bb42;
    padding: 60px 0;
   }

   #contact-content p{
    margin: 0 20px 5px;
   }

   #contact-content img{
    width:100%;
    height:auto;
    margin:40px 0 0;
   }

   #contact-content a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
   }

   #contact-content a:hover{
    color: #636466;
   }


   /***** ABOUT US MOBILE STYLES *****/

   #about-content{
    text-align:center;
    color:#636466;
    border-bottom:1px solid #88bb42;
    padding: 60px 0;
   }

   #about-content p{
    margin: 0 20px 20px;
    line-height: 1.5em;
    text-align: left;
   }


   /***SPECIAL EVENTS MOBILE STYLES***/

   #special-events-content .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: flex-start;
   }

   #special-events-content h1{
    width: 100%;
   }

   p.p-full-width{
    width: 100%;
   }

   .p-full-width a{
    color: #636466;
    border-bottom: 1px solid #88bb42;
    font-weight: bold;
   }

   .p-full-width a:hover{
    color: #88bb42;
   }

   .icon-container{
    display: flex;
    flex-direction: column;
    align-items: center;
   }

  .visible {
    padding: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
  }

  .visible img{
    width: 230px;
    height: auto;
    border-radius: 5px;
    margin-bottom: 40px;
  }

  .visible h3{
    text-align: center;
  }

  .overlay-color{
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .team-overlay{
    /*color: #209fd7;*/
    border-bottom:1px solid #209fd7;
  }

  .team-visible h3{
    color: #209fd7;
  }

  .bach-overlay{
    /*color: #e82830;*/
    border-bottom:1px solid #e82830;
  }

  .bach-visible h3{
    color: #e82830;
  }

  .birthday-overlay{
    /*color: #88bb42;*/
    border-bottom:1px solid #88bb42;
  }

  .birthday-visible h3{
    color: #88bb42;
  }

  .family-overlay{
     /*color: #f39333;*/
     border-bottom:1px solid #f39333;
  }

  .family-visible h3{
    color: #f39333;
  }

  .friends-overlay{
     /*color: #fec932;*/
     border-bottom:1px solid #fec932;
  }

  .friends-visible h3{
    color: #fec932;

  }

  .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .text p{
    margin-bottom: 40px;
  }

  .text a{
    padding: 10px 20px;
    color: white;
    font-weight: bold;
  }

  .text a:hover{
    background: white;
  }

  .team-overlay a{
    background: #209fd7;
    border: 2px solid #209fd7;
  }

  .team-overlay a:hover{
    color: #209fd7;
  }

  .bach-overlay a {
    background: #e82830;
    border: 2px solid #e82830;
  }

  .bach-overlay a:hover{
    color: #e82830;
  }

  .birthday-overlay a{
    background: #88bb42;
    border: 2px solid #88bb42;
  }

  .birthday-overlay a:hover{
    color: #88bb42;
  }

  .family-overlay a{
    background: #f39333;
    border: 2px solid #f39333;
  }

  .family-overlay a:hover{
    color: #f39333;
  }

  .friends-overlay a{
    background: #fec932;
    border: 2px solid #fec932;
  }

  .friends-overlay a:hover{
    color: #fec932;
  }


  /***** FOOTER MOBILE STYLES ****/

  footer{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: center;
    width:100%;
    margin:20px 0;
  }

  #footer-images{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin:20px 0 60px;
    width:70%;
  }

  #footer-social-icons{
    display:flex;
    justify-content: space-around;
    align-items: center;
    width:100%;
  }

  #footer-social-icons img:hover{
    filter: brightness(1.15);
  }

  #footer-logo{
    width:100%;
    height:auto;
    max-width: 170px;
    margin-bottom:40px;
  }

  .footer-col{
    height:200px;
    color:#636466;
    line-height:1.5em;
    text-align: center;
    margin-bottom:20px;
  }

  .footer-col h4{
    color:#636466;
    font-size:1.3em;
    margin-bottom:5px;
  }

  .footer-col a{
    color:#636466;
    text-decoration: none;
    border-bottom: 1px solid #fff;
  }

  .footer-col a:hover{
    color: #88bb42;
  }

  .green-border-footer {
    height: 3px;
    width: 250px;
    background: #88bb42;
    margin-bottom: 20px;
    float: right;
  }

#sub-footer{
  display:flex;
  justify-content: center;
  align-items:center;
  width:100%;
  background-color:#5f5f5f;
  color:#fff;
  padding:10px 0;
}

#sub-footer a{
  color:#fff;
  text-decoration: none;
}

#sub-footer a:hover{
  color:#f39333;
}

}