/*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: 50px;
	height: auto;
}

.color{
	color: red;
}

.layout{
	background: rgba(52, 168, 83);
	border-radius: 35px;
}

.titulointro{
	background-color: black;
	text-align: center;
	border-radius: 35px;

}

.textintro{
	font-size: 40px;
	color: white;
}
.imgintro{
	width: 95%;
	height: auto;
	border-radius: 20px;
}

.centraimagen{
display: block;
margin: o auto o auto;
}

.txtintro{
	color: white;
	font-size: 18px;
text-align: center;
}

.tituloGal{
	background-color: tomato;
	text-align: center;
	border-radius: 0px,35px, 35px 0px;
}

.textogal{
	font-size: 40px;
	color: red;
}

.centragaleri{

}

.tituloblog{
	background-color: plum;
	text-align: center;
	border-radius: 35px, 0px, 0px, 35px;
}

.textoblog{
	color: blue;
	font-size: 40px;
}

.textosponsor{
	text-align: center;
	border-radius: 35px, 0px, 0px, 35px;
}

.facebocklogo{
color: #1877f2;
}

.twitterlogo{
	color: #1da1f2;
}

.whatsapplogo{
	color: #25d366;
}

/*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){
  
}