@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; background: url(../images/body.jpg) no-repeat 100% 0; background-size: 1650px 1810px;}
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
img{ margin:0; padding:0; border:none; }
ul, li, a{ margin:0; padding:0; text-decoration:none; }

@font-face {
    font-family: 'rollerscript';
    src: url('../fonts/test-webfont.eot');
    src: url('../fonts/test-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/test-webfont.woff2') format('woff2'),
         url('../fonts/test-webfont.woff') format('woff'),
         url('../fonts/test-webfont.ttf') format('truetype'),
         url('../fonts/test-webfont.svg#rollerscriptw03-roughregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'luxiaregular';
    src: url('../fonts/luxia-regular-webfont.eot');
    src: url('../fonts/luxia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/luxia-regular-webfont.woff2') format('woff2'),
         url('../fonts/luxia-regular-webfont.woff') format('woff'),
         url('../fonts/luxia-regular-webfont.ttf') format('truetype'),
         url('../fonts/luxia-regular-webfont.svg#luxiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'luxiadisplay';
    src: url('../fonts/luxia-display-webfont.eot');
    src: url('../fonts/luxia-display-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/luxia-display-webfont.woff2') format('woff2'),
         url('../fonts/luxia-display-webfont.woff') format('woff'),
         url('../fonts/luxia-display-webfont.ttf') format('truetype'),
         url('../fonts/luxia-display-webfont.svg#luxiadisplay') format('svg');
    font-style: normal;

}

@font-face {
    font-family: 'simran_itcregular';
    src: url('../fonts/simran_itc-webfont.eot');
    src: url('../fonts/simran_itc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/simran_itc-webfont.woff2') format('woff2'),
         url('../fonts/simran_itc-webfont.woff') format('woff'),
         url('../fonts/simran_itc-webfont.ttf') format('truetype'),
         url('../fonts/simran_itc-webfont.svg#simran_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*======== Header Start ========*/
.navs{ margin:0; padding:30px 0; background:#9DA197; text-align: center; }
.navs .container{ justify-content:center; }
.navs img{ width: 100%; margin: 0; padding: 0; line-height: 0 }

/*======== Header End =========*/

/*======== Base-Layout Start =========*/
.base-layout{ margin:0; padding:5px 0;  text-align:center; }
.base-layout .text-block{ margin:0; padding:0; }
.base-layout .text-block p{ font-family: 'rollerscript'; font-size:25px; line-height:24px; color:#3F3525; font-weight:400; margin:0; padding:0 0 13px 0; }
.base-layout .text-block h3 { font-family: 'luxiaregular'; font-size: 35px; color: #3F3525; line-height: 27px; font-weight: 700; padding: 0 0 15px; margin: 0 }
.base-layout .text-block h3.highlighted { font-family: 'simran_itcregular'; font-size: 30px; color: #F45A05; font-weight: 400; line-height: 32px; padding: 5px 0 15px 0; margin: 0 }
.base-layout .text-block img { max-width: 100%; height: auto; }
.about-block{ margin:0; padding:0; }


/*======== About Start =========*/
.about-block h2{ font-family: 'luxiadisplay'; font-weight: 700; font-size:2em; letter-spacing: 0.03em; color:#3F3525; text-transform:capitalize; margin:0 auto; padding:10px 0; }

.about-block .box{ margin:0 0 30px 0; padding:0; transition:all 250ms ease-in-out; overflow: hidden;}
.about-block .box a{ display:block; margin:0; padding:0; height:100%; }
.about-block .box img{ max-width:100%; height:auto;transition:all 250ms ease-in-out; }
.about-block .box:hover a img{ filter: grayscale(100%);}

.about-block .bottom-block a{ background: none; display: inline-block; }
.about-block .bottom-block a img { max-width: 450px; width: 100%; height: auto; }
.about-block .bottom-block a:hover img {  filter: grayscale(100%); }

/*======== Base-Layout End =========*/

/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation: landscape) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (orientation: portrait) {
  body {
    -webkit-text-size-adjust: none;
  }
}

@media only screen and (max-width: 550px) {
.navs{ padding: 15px 0 }	

.base-layout .text-block p { font-size: 25px; line-height: 29px; }

.base-layout .text-block h3 { font-size: 29px; line-height: 31px; }
.about-block h2 { font-size:30px; line-height: 32px }
.base-layout .text-block h3.highlighted { font-size: 35px; line-height: 37px; }
}