/*reset css starts here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
a:focus, input:focus { outline:0 !important; box-shadow:none !important;}
.nobg { background:transparent !important; }
.form-control::-moz-placeholder {color: #b8b8b8; opacity: 1;}
.form-control:-ms-input-placeholder {color: #b8b8b8;}
.form-control::-webkit-input-placeholder {color: #b8b8b8;}
/*reset css ends here*/
html{min-height:100%; position:relative;}
body{font-size: 16px;line-height: 26px;font-weight: 400;color: #4c476e; background-attachment: fixed;background-size: cover;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
a{-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.container{width:100%; max-width:1200px;}
header {color: #333;position: fixed;left: 0;top: 0;right: 0;z-index: 999;transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;}
.logo {width: 90px; padding:15px 0;}
.logo-img {width: 100px;}
.logo-img img {width: 100%;height: 100%;object-fit: cover;}
h1{font-size:110px; line-height:120px; font-weight:600;font-family: 'Londrina Outline', cursive;}
h2{font-size: 50px;line-height: 30px;margin-bottom: 30px;font-family: 'Tangerine', cursive;color: #fff}
h3{font-size:24px; line-height:34px;}
h2 span {color: #fff;font-weight: 700;}
.content-container {min-height: 100vh;width: 100%; padding: 60px 0; background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.content-box {width: 550px;height: 100%;}
#countdown {width:100%; display: flex;flex-wrap: wrap; margin-bottom: 30px;}
#countdown span{height: 100%; padding:0 30px;position: relative;display: flex;align-items: center;flex-flow: column;font-family: 'Tangerine';font-size: 30px;color: #fff;justify-content: center;}
#countdown span:first-child{padding-left: 0;}
#countdown span b{display:block; font-size:40px; line-height:50px; color:#fff; }
.subscribe-form {width: 100%;max-width: 400px;display:flex;align-items: center;overflow: hidden;padding: 0;margin: 0 0 20px 0;position: relative;}
.subscribe-box {width: 100%;}
.subscribe-form input[type=email] {width: 100%;padding: 5px 15px;background: transparent;border: 0;box-shadow: none;height: 44px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);background: #fff;border-radius: 4px;padding-right: 110px;}
.subscribe-form input[type=submit] {position: absolute;top: 0;right: 0;width: 100px;text-align: center;border: 0;height: 44px;background: #4c476e;color: #fff;border-radius: 0 4px 4px 0;}
ul.social-links {display: flex;align-items: center;margin-top: 60px;}
ul.social-links li {margin-right: 20px;}
ul.social-links li > a {background: #fff;padding: 5px 10px;border-radius: 4px;box-shadow: 2px 5px 30px rgb(76, 71, 110);width: 40px;height: 40px;float: left; text-align: center;display: flex;align-items: center;justify-content: center;color: #4c476e;text-shadow: none;font-size: 20px;}
ul.social-links li a:hover{background:#4c476e; color:#fff; text-decoration:none;}



@media only screen and (max-width: 991px) {
h1 {font-size: 95px;line-height: 105px;}
}

@media only screen and (max-width: 767px) {
h1 {font-size: 80px;line-height: 95px;}
h2 {font-size: 40px;}
.content-box {width: 100%;height: 100%;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.subscribe-form {margin: 0 auto 20px;}
ul.social-links {justify-content: center;}
ul.social-links li{margin: 0 10px;}
#countdown span{ padding:0 20px;}
}

@media only screen and (max-width: 479px) {
h1 {font-size: 50px;line-height: 60px;}
h2 {font-size: 28px;margin-bottom: 10px;}
#countdown {align-items: center;justify-content: center;}
#countdown span{ padding:0 10px;}
#countdown span:first-child{padding-left: 10px;}


}