body
{
	background:url(../images/fullbg.jpg) repeat fixed center top / cover #fff;
	margin:0px;
}
#main
{
	max-width:1000px;
	margin:auto;
	padding-top:30vh;
	 text-align: center;
}
.header
{
	height:auto;
	overflow:hidden;
	display:inline-block;
	margin:auto;
	padding-bottom:80px;
}
.logo
{
	float: left;
	margin-right:50px;
   
}
.text
{
	
    font-size: 45px;
    float:left;
	color:#0b52a2;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:61px;
	
}
p
{
	margin:0px;
}
.question
{
}
.question a
{
	text-decoration:none;
}
.mail {
    background: none repeat scroll 0 0 #fff;
    color: #0199e7;
    font-family: arial;
    font-size: 20px;
	border-radius:50px;
    padding: 10px 20px;
}
.trade
{
	font-size:25px;
	float:right;
}



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

#main
{
	max-width:840px;
}
	
}
@media screen and (max-width: 770px)
{
	
#main
{
	max-width:740px;
	padding-top:10vh;
}

.logo
{
	float: none;
	margin-right:0;
   
}	
}
@media screen and (max-width: 620px)
{

#main
{
	max-width:590px;
}

.logo
{
	float:none ;
}
}
@media screen and (max-width: 420px)
{

#main
{
	max-width:390px;
	margin-bottom:50px;
	padding-top:10vh;
}
.logo
{
	margin-right:0px;
}
.text
{
	float:none;
}
.mail
{
	font-size:20px;
}
	
}
@media screen and (max-width: 320px)
{

#main
{
	max-width:290px;
	margin-bottom:50px;
}
.logo img
{
	width:60%;
}
.text
{
	font-size:25px;
}
.trade
{
	float:none;
	font-size:20px;
}
.mail
{
	font-size:15px;
}
	
}