#coming_soon { margin-top: -35px; } #coming_soon .head{ /*background: url("../img/backgrounds/color-splash.jpg") no-repeat;*/ display: block; padding-top: 160px; height: 288px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #coming_soon .head .line{ margin-left: 0; } #coming_soon .text h4{ margin: 0 0 35px 0; /*color: #fff;*/ font-size: 35px; font-weight: normal; line-height: 38px; text-shadow: 1px 1px 0px #2A284D; } #coming_soon .text p{ /*color: #fff;*/ font-size: 18px; font-style: italic; line-height: 24px; } #coming_soon .text p span{ font-style: normal; text-transform: uppercase; } #coming_soon .count{ margin: 0; float: right; } #coming_soon .count .box{ float: none; display: inline-block; text-align: center; /*float: right;*/ margin-left: -10px; } #coming_soon .count .first{ margin: 0 0 0 90px; } #coming_soon .count .circle{ height: 98px; width: 98px; text-align: center; border-radius: 100%; margin-bottom: 8px; background: rgba(0,0,0,0.5); } #coming_soon .count .circle span{ color: #fff; display: inline-block; font-size: 33px; margin-top: 36px; font-weight: bold; } #coming_soon .count p{ /*color: #fff;*/ margin: 0; text-transform: uppercase; font-size: 13px; } /* Responsive -------------------------------------------------- */ /* Large desktop */ @media (min-width: 1200px) { } @media (min-width: 980px) { } @media (max-width: 979px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { #coming_soon .head{ padding-top: 80px; height: 310px; } #coming_soon .count{ text-align: center; width: 37%; } #coming_soon #clock { margin-top: 45px; } #coming_soon .count .circle{ height: 73px; width: 73px; } #coming_soon .count p{ font-size: 10px; } #coming_soon .count .circle span{ margin-top: 26px; font-size: 30px; } #coming_soon .email_wrapp .wrapp input[type="text"]{ width: 70%; } } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { #coming_soon .head{ text-align: center; background: none; margin-bottom: 80px; padding-top: 70px; height: auto; } #coming_soon .text{ margin-bottom: 20px; } #coming_soon .text h4{ color: #333; text-shadow:none; } #coming_soon .text p{ color: #333; } #coming_soon .count .first{ margin: 0; } #coming_soon .count .box{ float: none; display: inline-block; } #coming_soon .count .circle{ background: rgba(0,0,0,0.8); width: 100px; height: 100px; } #coming_soon .count .circle span{ font-size: 35px; margin-top: 39px; } #coming_soon .count p{ color: #333; } } /* Landscape phones and down */ @media (max-width: 480px) { #coming_soon .count .circle{ height: 73px; width: 73px; } #coming_soon .count p{ font-size: 10px; } #coming_soon .count .circle span{ margin-top: 26px; font-size: 30px; } #coming_soon .email_wrapp .wrapp input[type="text"]{ width: 70%; } }