/* 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: black;

position: relative;

font-family: 'Open Sans', sans-serif;

text-align: center;

}







.wrapper{

    text-align: center;

}











.header{

	width: 100%;

	padding: 0;

	float: left;

	background: none;

}



.xouter{

	position:relative;

	left:50%;

	float:left;

	clear:both;

	margin:0;

}



.xinner{

	position:relative;

	left:-50%;

}





.header h1{

	font-size: 30px;

	color: #68b2b1;

	background: #fff;

	padding: 8px 20px;

  -webkit-border-radius: 50px;

  border-radius: 50px;

	

}



.header h1 span{

	color: #9e0000;

}





.content-wrap{

	width: 80%;

	float: left;

	padding: 3% 10%;

}



.comingsoon{

	width: 100%;

	float: left;

	border-bottom: 0px solid #D84509;

	box-sizing: border-box;

}



.comingsoon2{

	width: 50%;

	float: left;

	box-sizing: border-box;

}



.comingsoon h2{

	font-size: 30px;

	font-weight: 300;

	text-transform: uppercase;

}



.comingsoon p{

	font-size: 18px;

	font-weight: 600;

	margin-top:20px;

}



.comingsoon2 p{

	font-size: 18px;

	font-weight: 600;

}



.content{

	width: 100%;

	float: left;

	margin: 3% 0;

}



.content p{

	font-size: 16px;

	line-height: 26px;

}



.social{

	width: 70%;

	padding: 1% 15%;

	float: left;

    color: #3a2626;

}



.social a{

	color: #000;

	margin: 0 10px;

}



.social a:hover{

	color: #444;

}





@media only screen and (max-width: 1024px){

.header{

	width: 100%;

	padding: 0;

	float: left;

	background: none;

}





}







@media only screen and (max-width: 768px){



.header h1{

	font-size: 25px;

	color: #68b2b1;

	background: #fff;

	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 #D84509;

	box-sizing: border-box;

	padding: 30px 0;

}



.content{

	width: 100%;

	padding: 30px 0;

	float: left;

}







}