/*** SuccessGyan Publications **/

@import "testimonial.css"; /* Using a string */
/** Standard **/
a {text-decoration:none;transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s}
a:hover{text-decoration:none;}
h1{font-family:'Playfair Display', sans-serif;font-weight:700;font-size:4.5rem}
h1 span{color:#035490}
h2{font-weight:700;font-size:4rem;letter-spacing:30px}
h2 span{color:#035490;display:block}
h3{font-family:'Playfair Display', sans-serif;font-weight:400;font-style:italic;color:#a8393c;font-size:3rem}
a.download{position:relative;background:#fff;padding:10px 50px;display:inline-block;color:#000;font-size:30px;font-weight:700;border-radius:50px;z-index:9}
a.download span{display:block;font-size:16px;color:#bbbdc0}
a.download:hover{background:#2b3c4d;color:#fff}
a.download:hover > span{color:#fff}
section{padding:90px 0}
ul.list{list-style-type:disc;margin:20px}
ul.list li{list-style-type:disc;font-size:25px}

body{width:100%;height:100%;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:1.5rem;background:#fff}
header{background: url('../images/header-background.png') no-repeat;background-position:center center;background-size:cover;min-height:120vh;font-size:20px}
.tagline{color:#d1d2d4}
header h1{font-family: 'Open Sans', sans-serif;font-weight:700;font-size:7rem;letter-spacing:-5px}
header h2{font-family:'Playfair Display', sans-serif;font-weight:400;font-size:3rem;letter-spacing:30px}
.welcome-txt{padding:2% 0 0 0}
#book{position:relative;background:#2b3c4d}
#book:before{content:"";position:absolute;top:-200px;left:0;width:100%;background: url('../images/header-bottom-background.png') no-repeat;background-position:top center;background-size:cover;height:200px}
.red-border{border:20px solid #a8393c}
#foreword{background:#e6e7e8 url('../images/foreword-background.png') no-repeat;background-size:40%;background-position:top right;margin:0 15%}
#testimonial{background: url('../images/testimonial-bg-symbol.png') no-repeat;background-position:15% 50%;background-size:20%}
footer{font-size:14px;padding:30px 0}

/*** CSS Responsive Style ***/
@media  screen and (max-width: 1660px) {header{min-height:135vh}header img{height:500px !important}header h1{font-size:6rem}}
@media  screen and (max-width: 1440px) {header{min-height:135vh}header img{height:400px !important}header h1{font-size:6rem}}
@media  screen and (max-width: 1280px) {header img{height:500px !important}header h1{font-size:6rem}}
@media only screen and (min-width: 1024px) and (max-width: 1359px) {body{font-size:1.2rem}h2{font-size:2.5rem !important}header{height:150vh}header h1{font-size:5rem}header img{height:400px !important}h3{font-size:2rem}#foreword{background-size:45%;margin:0 5%}}
@media (max-width:800px){}
@media (max-width:480px){body{font-size:1rem}header{padding:0 5%}header h1{font-size:3rem}a.download{font-size:20px}h2{font-size:3rem !important;letter-spacing:10px !important}h3{font-size:2rem}#foreword{margin:0;background:#e6e7e8}header img{height:300px !important}}
@media (max-width:320px){body{font-size:1rem}header{padding:0 5%}header h1{font-size:3rem}a.download{font-size:20px}h2{font-size:3rem !important;letter-spacing:10px !important}h3{font-size:2rem}#foreword{margin:0;background:#e6e7e8}header img{height:300px !important}}
@media (pointer:coarse) and (hover:none){}