*{
	box-sizing: border-box;
	margin: 0;
	font-family: arial;
}
.contenedor_equipo{
	width: 100%;
	text-align: center;
	overflow: auto;
	padding: 2% 15%;
}
.contenedor_equipo h1{
	font-size: 46px;
	padding: 3% 1%;
	color: #1e6c93;
}
.equipo{
	width: 25%;
	float: left;
	padding: 1%;
}
.equipo img{
	width: 100%;
}
.equipo h2{
	font-size: 18px;
	padding-top: 2%;
}


/*-----menu css----*/
.menu_comic{
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	overflow: auto;
	padding: 0.5% 1%;
}
.nav_title{
	width: 0%;
	float: left;
}
.nav_menu{
	width: 100%;
	
	float: left;
	text-align: right;
}
.nav_menu a{
	padding-left: 2%;
}
.nav_menu a:link{
	color: black;
	text-decoration: none;
}
.nav_menu a:visited{
	color: black;
	text-decoration: none;
}


/*---------------------------------------------------------------------------------------*/
/*---------------------------------css para monitores hd---------------------------------*/
@media screen and (max-width: 1260px){
.contenedor_equipo{
	width: 100%;
	text-align: center;
	overflow: auto;
	padding: 2% 10%;
}

}

/*---------------------------------------------------------------------------------------*/
/*------------------------------------css para mobil-------------------------------------*/
@media screen and (max-width: 450px){
.contenedor_equipo{
	width: 100%;
	text-align: center;
	overflow: auto;
	padding: 3% 6%;
}
.contenedor_equipo h1{
	font-size: 46px;
	padding: 3% 1%;
	color: #1e6c93;
}
.equipo{
	width: 100%;
	float: left;
	padding: 2% 5%;
}

.menu_comic{
	padding: 1% 2%;
}
.nav_title h3{
	font-size: 14px;
}
}