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

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

.tituloIntro{
	background-color: midnightblue;
	color: lightyellow !important ;
	text-align: center;
	border-radius: 45px;
}

.textTintro{
	font-size: 25px !important;
	color: lightyellow !important;
}


.tituloBlog{
	background-color: gold;
	text-align: center;
	border-radius: 50px 0px 0px 35px;
}

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

.tituloSponsor{
	background-color: lightskyblue;
	text-align: center;
	border-radius: 35px 0px 0px 35px;
}

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

.star{
	color: midnightblue;
}

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

.fblogo{
	color: #1877F2;
}

.twlogo{
	color: #1DA1F2;
}

.belogo{
	color: #1769ff;
}

.pinlogo{
	color: #E60023;
}

.wtslogo{
	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){
  
}