.logo
{
	width:100%;
	height:auto;
}
.correo
{
	width:28%;
	height:auto;
	float:right;
}

.correo img
{
	width:52px;
	float:left;
	margin-top:25px;
	margin-right:10px;
}

.correo h2
{
	color:rgb(255, 153, 0);
	font-size: 26px;
	margin-top:15px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	
}

.correo p
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

.correo a
{
	text-decoration:none;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

.correo a:hover
{
	color:rgb(255, 153, 0);
}

.sucursal
{
	width:20%;
	height:auto;
	float:right;
}

.sucursal h2
{
	color:rgb(255, 153, 0);
	font-size: 26px;
	margin-top:15px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;	
}

.sucursal span
{
	font-size: 40px;
}

.principal span
{
	font-size: 40px;
}

.correo span
{
	font-size: 40px;
}

.sucursal p
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

.principal
{
	width:20%;
	height:auto;
	float:right;
}

.principal h2
{
	color:rgb(255, 153, 0);
	font-size: 26px;
	margin-top:15px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
}

.principal p
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

@media all and (min-width: 350px) and (max-width: 900px) {

.logo
{
	display:none;
}

.logo img
{
	margin-top:10px;
	
}
.correo
{
	width:100%;
	height:auto;
	text-align:left;	
}

.correo img
{
	width:62px;
	margin-right:13px;
	margin-left:16px;
}

.sucursal
{
	width:100%;
	height:auto;
	text-align:left;
}

.sucursal img
{
	width:90px;
}

.principal
{
	width:100%;
	height:auto;
	text-align:left;
}

.principal img
{
	width:90px;
}
}