/* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} /*@font-face { font-family: 'socicon'; src: url('socicon/font/socicon-webfont.eot'); src: url('socicon/font/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('socicon/font/socicon-webfont.woff') format('woff'), url('socicon/font/socicon-webfont.ttf') format('truetype'), url('socicon/font/socicon-webfont.svg#sociconregular') format('svg'); font-weight: normal; font-style: normal; text-transform: initial; }*/ html, body { margin: 0; padding: 0; width: 100%; height: 100%; display: table; } body{ margin:0; padding:0; color: #fff; position: relative; font-family: 'Open Sans', sans-serif; text-align: center; } .wrapper{ text-align: center; } .header{ width: 70%; padding: 100px 15% 0; float: left; background: #BD9400; } .xouter{ position:relative; left:50%; float:left; clear:both; margin:0; } .xinner{ position:relative; left:-50%; } .header h1{ font-size: 30px; color: #68b2b1; background: #BD9400; padding: 8px 20px; -webkit-border-radius: 50px; border-radius: 50px; } .header h1 span{ color: #9e0000; } .content-wrap{ width: 80%; float: left; padding: 100px 10%; } .comingsoon{ width: 50%; float: left; border-right: 1px solid #b4d9d8; box-sizing: border-box; } .comingsoon h2{ font-size: 30px; font-weight: 300; text-transform: uppercase; } .comingsoon p{ font-size: 18px; font-weight: 600; } .content{ width: 50%; float: left; } .content p{ font-size: 16px; line-height: 26px; } .social{ width: 70%; padding: 50px 15%; float: left; } .social a{ color: #000; margin: 0 10px; } .social a:hover{ color: #444; } @media only screen and (max-width: 1024px){ .header{ width: 90%; padding: 60px 5% 0; float: left; background: #BD9400; } } @media only screen and (max-width: 768px){ .header h1{ font-size: 25px; color: #68b2b1; background: #BD9400; padding: 5px 15px; -webkit-border-radius: 50px; border-radius: 50px; } .content-wrap{ width: 100%; float: left; padding: 30px 0; } .comingsoon{ width: 100%; float: left; border-right: none; border-bottom: 1px solid #b4d9d8; box-sizing: border-box; padding: 30px 0; } .content{ width: 100%; padding: 30px 0; float: left; } }