body{
	background-image: url("imgback.png");
	background-repeat: repeat-x,repeat-y;
	font-family: proxima-nova, sans-serif;
	margin: 5% 0px;
	margin-bottom :0px;
  }
  #principal{
  align: center;
  margin: 0 auto;  
  height: 0 auto;
  display: absolute;
  }
  #principal .image{
	height:100%;
	width:100%;
  }
  #contenido{
   align: center;
   text-align: center;
   padding:2.5%;
   padding-top: 0;
   padding-bottom:0px;
  }
  #contenido h1{
	font-family: "proxima-nova",sans-serif;
	type: bold;
	font-size: 60px;
	color: #28A9E0
  }
  #contenido h2{
	font-family: "proxima-nova",sans-serif;
	type: bold;
	font-size: 35px;
	color: #58595A
  }
  #contenido h3{
	font-family: "proxima-nova", sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #58595A
  }
  #contenido a{
	color: #28A9E0
	text-decoration: none;
  }
	a.nounderline:link  
	{  
 	text-decoration:none; 
	color: #28A9E0 
	}  


/* Large desktop */
@media (min-width: 1200px) { 
 #principal{

	width:190px;
 }}
 
 @media (min-width: 1200px) { 
 #principal{
	width:190px;
 }}
@media (min-width: 980px)  and (max-width: 1199px) { 
 #principal{

	width:180px;
 }}
@media (min-width: 768px) and (max-width: 979px) {
 #principal{

	width:180px;
}}

@media (max-width: 767px) {
 #principal{

	width:150px;
}
#contenido h1{
	font-size: 50px;
  }
  #contenido h2{
	font-size: 32px;
  }
  #contenido h3{
	font-size: 25px;
  }
}
 

@media (max-width: 480px) {
 #principal{

	width:130px;
	}
  #contenido h1{
	font-size: 47px;
  }
  #contenido h2{
	font-size: 27px;
  }
  #contenido h3{
	font-size: 19px;
  }
	
}