body{
	background: #233D58;
}
header h1 p{
	width: 100%;
	height: 35px;
	text-align: center;
	position: relative;
	font-size: 12px;
	font-family: "bahamas";
	top: -18px;
	letter-spacing: 2px;
	color: #707070;
	text-transform: lowercase;
}
.logo{
	width: 100%;
	height: 150px;
	position: relative;
	top: -30px;
	text-align: center;
}
.logo figure img{
	width: 150px;
	height: 150px;
	position: relative;
	text-align: center;
}
h2{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}

h2 p{
	width: 100%;
	font-family: "ubuntu";
	text-align: center;
	font-size: 20px;
	position: relative;
	color: white;
	top: -25px;
}
h2 article{
	width: 95%;
	height: 100%;
	background: #707070;
	border-radius: 20px;
	font-size: 12px;
	font-family: "ubuntu";
	padding: 4px;
	text-align: left;
	position: relative;
	

}
h2 article table{
	width: 100%;
	height: 100%;
	border: 2px solid white;
	border-radius: 15px;
	position: relative;
	text-align: center;
	font-family: "ubuntu";
	font-size: 8.5px;
}
h2 article table thead td{
	border-top: .2px solid black;	
}
h2 article table thead td a{
	text-decoration: none;
	color: white;
	letter-spacing: .5px;
	text-shadow: 1px 1px 0px black,
				-1px -1px 5px black;
}
h2 nav{
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	top: 10px;
}
h2 nav div.botones a{
	width: 128px;
	height: 15px;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: .5px;
	text-shadow: 1px 1px 0px black,
				-1px -1px 5px black;
	position: relative;
	text-align: center;
	color: white;
	display: inline-block;
	font-family: "ubuntu";
	font-size: 10px;
}
footer{
	width: 100%;
	position: relative;
	text-align: center;
	display: inline-block;
}
footer div#linksinternos p{
	width: 120px;
	height: 20px;
	margin: 3px;
	position: relative;
	text-align: center;
	background: #707070;
	color: white;
	text-decoration: none;
	font-family: "bahamas";
	display: inline-block;
	border-radius: 10px;
	font-size: 15px;
}
footer #sociales a{
	width: 40px;
	height: 40px;
	color: white;
	display: inline-block;
	position: relative;
	font-family: "icomoon";
	text-decoration: none;
}
footer #sociales a#icon-facebook2:before{
	content: "\ea91";
	position: relative;
	font-size: 36px;
	margin-left: -18px:;
}
footer #sociales a#twitter:before{
	content: "\ea96";
	position: absolute;
	font-size: 36px;
	margin-left: -18px;
}
h2 img{ 
	width: 150px;
	position: relative;
	
}
footer div#copyright p{
	vertical-align: bottom;
	color: gray;
	font-size: 12px;
	font-family: "bahamas";
	text-transform: lowercase;
	position: relative;
}
}
@media screen and (min-width: 480px) {
header p{
	
	font-size: 17px;
}
.logo figure img{
	width: 150px;
	height: 150px;
	position: relative;
	left: 35%;
}
h2 article{
	width: 100%;
	height: 350px;
	font-size: 12px;
	top: 170px;
	right: 7%;
}
nav div.botones a{
	width: 135px;
	font-size: 12px;
}
nav div.botones a:hover{
	color: #707070;
}
}
@media screen and (min-width: 600px) {
header h1 p{
	font-size: 24px;
	font-family: "bahamasb";
}
.logo figure img{
	right:  43%;
}

h2 p{
	font-size: 24px;
	top: -100px;
}
h2 article{
	width: 75%;
	right: -22%;
	position: relative;
	height: 400px;
	top: -80px;
	
}
h2 article table{
	font-size: 14px;
	border: 4px solid white;
}
h2 nav{
	width: 200px;
	height: 100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: -510px;
	right: 40%;
}
h2 nav div.botones a{
	width: 160px;
	height: 15px;
	padding: 2px;
	letter-spacing: 1px;
	text-align: left;
	margin-top: 20px;
	
	font-family: "ubuntu";
	font-size: 14px;
}
h2 nav div.botones a:hover{
	color: black;
}
footer{
	top: -480px;
}
footer div#linksinternos p{
	width: 150px;
	height: 20px;
	margin: 8px;
	position: relative;
	text-align: center;
	background: grey;
	color: white;
	text-decoration: none;
	font-family: "bahamas";
	vertical-align: middle;
	display: inline-block;
	border-radius: 10px;
}
footer div#linksinternos p:hover{
	background: white;
	color: black;	
}
footer div#copyright p{
	font-size: 14px;
}	
}
@media screen and (min-width: 950px) {
header p{
	font-size: 36px;
}
h2 p{
	margin-top: -50px;
	font-size: 30px;
}
h2 article{
	width: 78%;
	right: -20%;
	top: -50px;
}
h2 nav{
	top: -480px;
}
footer{
	top: -480;
}
}