/*
Site Name:Dhruv Dua & Co Coming Page
Author: (I) Softnio
Tracking Change: 161806#iO:180213#1039
*/
/* ############# GENERAL RESETS AND FIXES ############# */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* ## FONT FACE ## */
@font-face {
    font-family: 'Gotham'; font-weight:normal; font-style:normal; src: url('../fonts/GothamBook.eot'); src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBook.woff2') format('woff2'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg#Gotham') format('svg'); }
@font-face {
	font-family: 'Gotham'; font-weight:700; font-style:normal; src: url('../fonts/GothamBold.eot');src: url('../fonts/GothamBold.eot') format('embedded-opentype'),url('../fonts/GothamBold.woff2') format('woff2'),url('../fonts/GothamBold.woff') format('woff'),url('../fonts/GothamBold.ttf') format('truetype'),url('../fonts/GothamBold.svg#Gotham') format('svg');
}
@font-face {
	font-family: 'Gotham'; font-weight:500; font-style:normal; src: url('../fonts/GothamMedium.eot');src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),url('../fonts/GothamMedium.woff2') format('woff2'),url('../fonts/GothamMedium.woff') format('woff'),url('../fonts/GothamMedium.ttf') format('truetype'),url('../fonts/GothamMedium.svg#Gotham') format('svg');
}

/* ############# GENERAL STYLES ############# */
body {font-family:'Gotham', Arial, Helvetica, sans-serif; font-size:20px; color:#333; line-height:24px; position: relative; z-index: 2; margin: 0; font-weight:normal;}
h1, h2, h3, h4, h5{font-weight: 700; font-style: normal; color: #32b622; font-family: 'Gotham', Arial, Helvetica, sans-serif;}
h1{padding: 0 0 15px; text-transform:uppercase; font-size:36px;}
h3{font-size: 20px; line-height: 25px;}
a:link, a:visited {color:#333; text-decoration:none;}
a:focus, a:hover{color:#333; text-decoration:none;}
a:active {color:#0e559f; text-decoration:none;}
p {padding:0 0 10px 0; font-size: 20px; font-weight:normal; font-style: normal; line-height: 22px; font-family:'Gotham', Arial, Helvetica, sans-serif;}

/* ############# GENERAL STUCTURE ############# */
body:after{content: ''; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; background: url(../images/body-bg.jpg) no-repeat  50% 10%/ cover;}
.wrapper {position:relative; z-index: 1;width: 100%;height: 100vh;max-width: 700px;margin: 0 auto;text-align: center;}
.main{display: table;height: 100vh; margin: 0 auto; width:100%;}
.block-wrap{display: table-cell;vertical-align: middle; max-width: 700px; width: 100%;}
.inner-block{padding:30px; box-sizing:border-box; background:#fff; border-radius:6px;text-align: center;}


.site-logo{max-width: 400px; margin: 0 auto; margin-bottom:35px;} 
.site-logo img{max-width: 100%; height: auto;}


.block-wrap h1{padding: 0; margin-bottom:50px;}
.block-wrap h3{padding: 0; margin-bottom: 10px;}
.block-wrap p.con{display:inline-block; font-weight:500;} 
.block-wrap p.con + p.con{margin-left:20px;} .block-wrap p.con span{color: #32b622;}

@media (min-width: 1600px){
	h1{font-size: 36px;}
}

@media (max-width: 1279px){
	p{font-size:15px; line-height: 20px;}
	.site-logo{max-width:306px; margin-bottom:20px;}
	.block-wrap h1{font-size: 25px; margin-bottom:25px;}
	.block-wrap h3{font-size: 18px;}
}

@media (max-width: 979px){
	p{font-size:14px; line-height:18px;}
	.site-logo{max-width:204px; margin-bottom:10px;}
	.block-wrap h1{font-size: 20px; line-height:25px; margin-bottom:10px;}
	.block-wrap h3{font-size: 16px; line-height:22px;}
}

@media (max-width: 767px){
	p{padding-bottom:6px;}
	.block-wrap {padding:0 20px;}
	.block-wrap h3{margin-bottom:5px;}
	.inner-block{padding: 15px 10px;}
	.block-wrap p.con{font-size:12px;}
	.block-wrap p.con + p.con {margin-left: 12px;}
	
}

/*End Styles