@font-face {
  font-family: 'Druk Text Web Bold';
  src: url('../druk/DrukText-Bold-Web.eot');
  src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
  url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
  url('../druk/DrukText-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  }



/********************* MENÚ - BOTONERA ******************/

.recuadro{
  background-color: #80298f;
  display: block;
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0px;
}

.redes #regreso {
  list-style: none;
  padding: 0;
  margin: 0;
}

.frase h1{
	font-family: 'Druk Text Web Bold', sans-serif !important;
  	text-transform: uppercase;
  	font-size: 6em!important;
  	text-align: center;
}

.frase h2{
	font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.1em;
  margin-top: 0px!important;
}

.resumen p{
	font-family: 'Montserrat', sans-serif !important;
  text-align: center;
  font-size: 1.7em;
  line-height: 1.1em;
  font-style: italic;
  color: #ef5e4d;
}

p{
	line-height: 1.4em;
}



.redes #regreso img{
	width: 100px;
	margin-left: 0%;
	margin-right: 0%;
  position: fixed;
  margin-left: 50%;
  margin-right: 50%;
  top: 30px;
}

.redes #regreso i{
	color: #000;
}
.redes #regreso a:hover{
	text-decoration: none;
}

.foto1 {
	background-image: url('../img/foto1.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto2 {
	background-image: url('../img/foto2.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto3 {
	background-image: url('../img/foto3.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto4 {
	background-image: url('../img/foto4.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto_grande {
	background-image: url('../img/foto_grande.jpg');
	width: 100%;
	height: 800px;
	background-size: cover;
	background-position: center;
}

.foto6 {
	background-image: url('../img/foto6.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto7 {
	background-image: url('../img/foto7.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto8 {
	background-image: url('../img/foto8.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}

.foto9 {
	background-image: url('../img/foto9.jpg');
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center;
}



.foto_ranking {
  justify-content: center;
}

.mob{ display: none;

}
.desk{display: block;

}
/********************* / MENÚ - BOTONERA ******************/

*,
*:active,
*:active:focus,
*:focus,
*:visited,
*:hover,
.btn:focus,
.btn:active:focus,
.btn:focus,
a:focus,





@media screen and (min-width: 1500px) {
	
}

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

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

}

@media (min-width: 200px) and (max-width: 675px) {
	.foto1 {
	background-image: url('../img/foto1.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto2 {
	background-image: url('../img/foto2.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto3 {
	background-image: url('../img/foto3.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto4 {
	background-image: url('../img/foto4.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto_grande {
	background-image: url('../img/foto_grande.jpg');
	width: 100%;
	height: 400px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto6 {
	background-image: url('../img/foto6.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto7 {
	background-image: url('../img/foto7.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto8 {
	background-image: url('../img/foto8.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}

.foto9 {
	background-image: url('../img/foto9.jpg');
	width: 100px;
	height: 100px;
	float:left;
	margin-right:50%;
	margin-bottom:1em;
	background-size: cover;
	background-position: center;
}
.mob{ display: block;

}
.desk{display: none;

}

.frase h1{
	font-family: 'Druk Text Web Bold', sans-serif !important;
  	text-transform: uppercase;
  	font-size: 3em!important;
  	text-align: center;
}

.frase h2{
	font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.1em;
  margin-top: 0px!important;
}

.logo100 img{
	min-width: 60%!important;
}






}

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

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



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