
/* Homepage
--------------------------------------------------------------------------------------- */

/* .vertical-titles .quicklink-panels h2 { margin-bottom: 250px; font-size: 4.8em; } */
/* .section-list-wrap li { border-color: #fff; } */


.home .page-hero { position: relative !important; overflow: visible !important; }
.hero-background-text-wrapper { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; position: absolute; z-index: 1; }
.hero-background-text { display: inline-block; line-height: 1; white-space: nowrap; font-weight: 900; margin: 0; padding: 0; }
.hero-book {
    position: absolute;
    bottom: -220px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    padding: 0 40px;
}

/* auto-scale book when browser height gets smaller */
@media (max-height: 900px) {
    .hero-book { max-width: 1040px; } /* previously 520 */
}
@media (max-height: 750px) {
    .hero-book { max-width: 880px; } /* previously 440 */
}
@media (max-height: 650px) {
    .hero-book { max-width: 720px; } /* previously 360 */
}
@media (max-height: 550px) {
    .hero-book { max-width: 600px; } /* previously 300 */
}


.footer-option-b .logo-footer-large { max-width: 600px !important;}

.foot-menu-wrap ul li { font-size: 1.8em; margin-bottom: 6px;}


.home .bg-sec { background: #f5ece4 url(../images/bg-main.jpg) center center no-repeat !important; -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;	background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }
.home .bg-third { background: #DEC7B8 url(../images/bg-third.jpg) center center no-repeat !important; -webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover;	background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }



/* Secondary Pages
--------------------------------------------------------------------------------------- */



/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


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


}


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


}


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


}



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


}

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

}


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


}

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


}


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


}



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


}

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

    .home .pad-t-220 {padding-top: 220px !important;}

}

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


}

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


}

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


}

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


}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) {


}

@media only screen
and (max-width : 501px) and (orientation:portrait)  {
	
    .hero-book {
        position: absolute;
        bottom: -140px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        max-width: auto;
        width: 80%;
        padding: 0 40px;
    }

    .home .pad-t-220 {padding-top: 142px !important;}

    .hero-background-text.center-vh {top: 24%;}


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}
