﻿

.swiper-slide.smile {background-image: url('/assets/img/hp/reason-to-smile.jpg');}
.swiper-slide.nine {background-image: url('/assets/img/hp/nine-things-consider.jpg');}
.swiper-slide.party {background-image: url('/assets/img/hp/lake-party-mobile.jpg');}
.swiper-slide.lion {background-image: url('/assets/img/hp/lion-king-movie-bnr.jpg');}
.swiper-slide.love {background-image: url('/assets/img/hp/love-patients-mobile.jpg');}

/* *********************************************************************** */
/* DEFAULT MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */

.hp-slider{}
.banner-head {
    font-family: 'Goudy', 'Times New Roman', serif !important;
    text-shadow: 2px 2px black;
}

.banner-head > span{color: #F66D2E;}
.banner-text{text-shadow: 1px 1px black;}


.banner-head.love-img {
    margin-top: 20px;
    max-width: 280px;
}

.banner-head.love-join {
    text-align: center !important;
    margin: 0 auto 10px auto;
    max-width: 750px;
    line-height: 1.1;
    text-shadow: 3px 3px 5px rgba(0,0,0,1);
}

.banner-head.love-date {
    text-align: center;
    line-height: 1.3;
    text-shadow: 3px 3px 5px rgba(0,0,0,1);
}

.banner-head.love-rsvp {
    text-align: center;
    line-height: 1.3;
    text-shadow: 3px 3px 5px rgba(0,0,0,1);
}


/* ------------------------ */
/* Extra small <576px       */	
/* ------------------------ */
@media only screen and (max-width: 575px) {
   .hp-slider{height: 200px;}
   .swiper-slide{background-position: right center;}

   .banner-head.smile-you{font-size: 80px; line-height: .9;}
   .banner-head.smile-somebody{font-size: 25px; line-height: 1.2; margin-left:75px;}
   .banner-head.smile-reason{font-size: 35px; line-height: 1.2; margin-left:25px;}
   .col-xs-smile { width: 300px; margin: 0 auto;}

   .banner-head.nine-number{font-size: 100px; line-height: .5; font-family:'Times New Roman', serif !important; padding-top:10px; text-align: right;}
   .banner-head.nine-consider{font-size: 20px; line-height: 1; padding-top:25px; text-align: left;}
   .banner-head.nine-child{font-size: 20px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-head.nine-braces{font-size: 20px; line-height: 1; margin-left:25px; text-align: left;}
   .btn-nine {font-size: 18px !important; height: 40px; line-height: 23px; font-weight: 300; margin-top:20px !important;}
   .nine-btn-block {text-align: center;}
   .nine-table {margin: 0 auto;}

   .banner-head.party-nohm{font-size: 26px; line-height: 1.2; margin: 5% auto auto auto; max-width: 80%; }
   .banner-head.party-celebrate{font-size: 18px; line-height: 1.2; margin-top: 15px; color: #84C251;}
   .banner-head.party-photos{font-size: 16px; line-height: 1.2; margin-top: 0; color: #ffffff;}




   .swiper-slide.lion {background-position:left center !important;}
   .lion-img{
       width:332px;
       margin: 30px auto 0 auto;
   }

    .banner-head.love-img {
        max-width: 300px;
    }

    .banner-head.love-join {
        max-width: 400px;
        font-size: 25px;
        line-height: 1.3;
        margin: 10px auto 15px auto;
    }

    .banner-head.love-date {
        font-size: 24px;
        line-height: 1.3;

    }

    .banner-head.love-rsvp {
        font-size: 24px;
        line-height: 1.3;
    }
}


/* ------------------------ */
/* Small ≥576px             */	
/* ------------------------ */
@media only screen and (min-width: 576px) {
   .hp-slider{height: 350px;}
   .swiper-slide{background-position: -170px center; }
   .swiper-slide.love {background-image: url('/assets/img/hp/love-patients-block.jpg');}

   .banner-head.smile-you{font-size: 80px; line-height: .9; margin-left: 0; text-align: left;}
   .banner-head.smile-somebody{font-size: 25px; line-height: 1.1;  margin-left: 65px; text-align: left;}
   .banner-head.smile-reason{font-size: 35px; line-height: 1.2;  margin-left:30px; text-align: left;}
   .banner-text-smile{margin-top:30px; font-size: 18px; font-weight: 400; text-align: left;}


   .banner-head.nine-number{font-size: 120px; line-height: .5; font-family:'Times New Roman', serif !important; padding-top:10px; text-align: right;}
   .banner-head.nine-consider{font-size: 25px; line-height: 1; padding-top:25px; text-align: left;}
   .banner-head.nine-child{font-size: 25px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-head.nine-braces{font-size: 25px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-nine {margin-top:20px; font-size: 16px; font-weight: 400; text-align: left;}
   .btn-nine {font-size: 18px !important; height: 40px; line-height: 23px; margin-top: 20px !important;  font-weight: 300; float: right;}
   .nine-btn-block {}
   .nine-table {}

   .banner-head.party-nohm{font-size: 32px; line-height: 1.2; margin: 0 auto auto auto; max-width: 500px; }
   .banner-head.party-celebrate{font-size: 24px; line-height: 1.2; margin-top: 25px; color: #84C251;}
   .banner-head.party-photos{font-size: 16px; line-height: 1.2; margin-top: 0; color: #ffffff;}

    .lion-img{
       width:532px;
       margin: 70px auto 0 auto;
   }


    .banner-head.love-img {
        max-width: 350px;
        margin-top: 15px;
    }

    .banner-head.love-join {
        max-width: 450px;
        font-size: 28px;
        line-height: 1.3;
        margin: 10px auto 15px auto;
    }

    .banner-head.love-date {
        font-size: 25px;
        line-height: 1.3;
    }

    .banner-head.love-rsvp {
        font-size: 25px;
        line-height: 1.3;
    }
}

/* ------------------------ */
/* Medium ≥768px            */	
/* ------------------------ */
@media only screen and (min-width: 768px) {
   .swiper-slide{background-position: center center;}
   .hp-slider{height: 350px;}

   .banner-head.smile-you{font-size: 90px; line-height: .8; margin-left: 0;  text-align: left;}
   .banner-head.smile-somebody{font-size: 25px; line-height: 1; margin-left:75px; text-align: left;}
   .banner-head.smile-reason{font-size: 40px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-smile{margin-top:30px; font-size: 18px;padding: 0 30px 0 0; text-align: left; }

   .banner-head.nine-number{font-size: 115px; line-height: .5; font-family:'Times New Roman', serif !important; padding-top:10px; text-align: right;}
   .banner-head.nine-consider{font-size: 28px; line-height: 1; padding-top:25px; text-align: left;}
   .banner-head.nine-child{font-size: 28px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-head.nine-braces{font-size: 28px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-nine {margin-top:15px; font-size: 16px; font-weight: 300; text-align: left;}
   .btn-nine {font-size: 18px !important; height: 40px; line-height: 25px; margin-top: 20px !important; font-weight: 300; float: right;}
   .nine-btn-block {}
   .nine-table {}

   .banner-head.party-bite{max-width:275px;}
   .banner-head.party-nohm{font-size: 28px; line-height: 1.2; margin: 15% 0 0 0;  max-width: 350px;}
   .banner-head.party-celebrate{font-size: 22px; line-height: 1.2; margin-top: 25px; color: #84C251;}
   .banner-head.party-photos{font-size: 16px; line-height: 1.2; margin-top: 0; color: #ffffff;}

    .lion-img{
       width:582px;
       margin: 55px auto 0 auto;
   }

    .banner-head.love-img {
        max-width: 350px;
        margin-top: 0;
    }

    .banner-head.love-join {
        max-width: 450px;
        font-size: 28px;
        line-height: 1.3;
        margin: 10px auto 15px auto;
    }

    .banner-head.love-date {
        font-size: 25px;
        line-height: 1.3;
    }

    .banner-head.love-rsvp {
        font-size: 25px;
        line-height: 1.3;
    }
}

/* ------------------------ */
/* Large ≥992px             */	
/* ------------------------ */
@media only screen and (min-width: 992px) {

   .hp-slider{height: 450px;}
   .swiper-slide{background-position: center center;}
   .banner-head.smile-you{font-size: 120px; line-height: .8; margin-left:0; text-align: left;}
   .banner-head.smile-somebody{font-size: 45px; line-height: 1; margin-left:75px; text-align: left;}
   .banner-head.smile-reason{font-size: 60px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-smile {margin-top:30px; font-size: 24px; font-weight: 300; text-align: left;}

   .banner-head.nine-number{font-size: 155px; line-height: .5; font-family:'Times New Roman', serif !important; padding-top:10px; text-align: right;}
   .banner-head.nine-consider{font-size: 38px; line-height: 1; padding-top:25px; text-align: left;}
   .banner-head.nine-child{font-size: 38px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-head.nine-braces{font-size: 38px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-nine {margin-top:30px; font-size: 20px; font-weight: 300; text-align: left;}
   .btn-nine {font-size: 20px !important; height: 50px; line-height: 35px; margin-top: 30px !important;  font-weight: 300; float: right;}
   .nine-btn-block {}
   .nine-table {}

   .banner-head.party-bite{max-width:350px;}
   .banner-head.party-nohm{font-size: 36px; line-height: 1.2; margin: 15% 0 0 0;  max-width: 500px;}
   .banner-head.party-celebrate{font-size: 28px; line-height: 1.2; margin-top: 25px; color: #84C251;}
   .banner-head.party-photos{font-size: 20px; line-height: 1.2; margin-top: 0; color: #ffffff;}

      .lion-img{
       width:732px;
       margin: 70px auto 0 auto;
   }


    .banner-head.love-img {
        max-width: 450px;
        margin: 0 auto;
    }

    .banner-head.love-join {
        max-width: 500px;
        margin: 20px auto 20px auto;
        font-size: 35px;
        line-height: 1.3;
    }

    .banner-head.love-date {
        font-size: 30px;
        line-height: 1.3;
    }

    .banner-head.love-rsvp {
        font-size: 30px;
        line-height: 1.3;
    }

}



/* ------------------------ */
/* Extra large ≥1200px      */
/* ------------------------ */
@media only screen and (min-width: 1200px) {

   .hp-slider{height: 550px;}
   .swiper-slide{background-position: center center;}

   .banner-head.smile-you{font-size: 140px; line-height: .8; margin-left:0; text-align: left;}
   .banner-head.smile-somebody{font-size: 65px; line-height: 1; margin-left:75px; text-align: left;}
   .banner-head.smile-reason{font-size: 80px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-smile {margin-top:30px; font-size: 28px; font-weight: 300; text-align: left;}

   .banner-head.nine-number{font-size: 180px; line-height: .5; font-family:'Times New Roman', serif !important; text-align: right;}
   .banner-head.nine-consider{font-size: 45px; line-height: 1; padding-top:25px; text-align: left;}
   .banner-head.nine-child{font-size: 45px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-head.nine-braces{font-size: 45px; line-height: 1; margin-left:25px; text-align: left;}
   .banner-text-nine {margin-top:30px; font-size: 22px; font-weight: 300; text-align: left;}
   .btn-nine {font-size: 22px !important; height: 60px; line-height: 45px; font-weight: 300; float: right;}
   .nine-btn-block {}

   .banner-head.party-bite{max-width: 450px;}
   .banner-head.party-nohm{font-size: 45px; line-height: 1.2; margin: 15% 0 0 0; max-width: 600px;}
   .banner-head.party-celebrate{font-size: 35px; line-height: 1.2; margin-top: 25px; color: #84C251; }
   .banner-head.party-photos{font-size: 26px; line-height: 1.2; margin-top: 0; color: #ffffff;}

   .lion-img{
       width:932px;
       margin: 90px auto 0 auto;
   }

    .banner-head.love-img {
        max-width: 550px;
        margin: 0 auto;
    }

    .banner-head.love-join {
        max-width: 700px;
        font-size: 40px;
        margin: 20px auto 20px auto;
        line-height: 1.3;
    }

    .banner-head.love-date {
        font-size: 35px;
        line-height: 1.3;
    }

    .banner-head.love-rsvp {
        font-size: 35px;
        line-height: 1.3;
    }
}


@media only screen and (min-width: 1125px) { .banner-head.party-nohm{font-size: 40px; line-height: 1.2; margin: 14% 0 0 0; max-width: 500px;} .banner-head.party-bite{max-width: 400px;}}
@media only screen and (min-width: 1275px) { .banner-head.party-nohm{font-size: 50px; line-height: 1.2; margin: 13% 0 0 0; max-width: 600px;} .banner-head.party-bite{max-width: 425px;}}
@media only screen and (min-width: 1350px) { .banner-head.party-nohm{font-size: 55px; line-height: 1.2; margin: 12% 0 0 0; max-width: 700px;} .banner-head.party-bite{max-width: 450px;}}

/*@media only screen and (min-width: 1250px) {.banner-head.party-bite{max-width:330px;}}
@media only screen and (min-width: 1300px) {.banner-head.party-bite{max-width:360px;}}
@media only screen and (min-width: 1350px) {.banner-head.party-bite{max-width:390px;}}
@media only screen and (min-width: 1400px) {.banner-head.party-bite{max-width:410px;}}
@media only screen and (min-width: 1450px) {.banner-head.party-bite{max-width:430px;}}
@media only screen and (min-width: 1500px) {.banner-head.party-bite{max-width:450px;}}*/