/*Crea tu propio fondo*/
.bg-ZF{
	background: #BBD2C5;  
	background: -webkit-linear-gradient(to right, #292E49, #536976, #BBD2C5);
	background: linear-gradient(to right, #292E49, #536976, #BBD2C5);
}



/*Crea tu propio fondo para tarjetas flotantes*/
.card.card-background.card-background-mask-ZF:before {
  	background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-ZF:after {
  	background: #654ea3;  
	background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);  
	background: linear-gradient(to right, #eaafc8, #654ea3); 
  	opacity: .85;
}


/*Agrega CSS presonalizados*/

.imglogo{
	width: 60px;
	height: auto;
}

.layout{
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 35px;
}


.titulointro{background-color: greenyellow;
color: ghostwhite;
text-align: center;
border-radius: 35px;
font-size: 100px;
}

.textointro{
	font-size: 40px !important;
	color: gray;
}

.imgintro{
	width: 95%;
	height: auto;
	border-radius: 20px;

}

.centraimg{
	display: block;
	margin: 0 auto 0 auto;
}

.txtintro{
	font-size: 18px;
	text-align: justify;
}

.titulogale{
	background-color: greenyellow;
	text-align: center;
	border-radius: 35px 35px 35px 35px;
}

.textogale{
	font-size: 40px;
	color: white;
}

.tituloblog{
	font-size: 40px;
	color: ghostwhite;
}

.textoblog{
	font-size: 40px;
	color: succes;
}
 .titulosponsor{
 	background-color: succes;
 	text-align: center;
 	border-radius: 35px;
 }
 .textosponsor{
 	font-size: 40px;
 	color:black;
 }
.star{
	color: yellow;
}


.fblogo{
	color: #1877F2;
}



.tw{
	color: #1DA1F2;
}



.whats{
	color: #25D366;

}

.sound{
	color: #FF5500;
}

.insta{
	color: #c13584;
}









/*Responisvo*/

@media only screen and (min-device-width: 1401px), (min-width: 1401px){
  
}

@media only screen and (min-device-width: 1201px) and (max-device-width: 1400px), (min-width: 1201px) and (max-width: 1400px){

}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px), (min-width: 1025px) and (max-width: 1200px){
  
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px), (min-width: 769px) and (max-width: 1024px){

}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px), (min-width: 481px) and (max-width: 768px){
  
}

@media only screen and (min-device-width: 300px) and (max-device-width: 480px), (min-width: 300px) and (max-width: 480px){
  
}