@charset "utf-8";
/* CSS Document */
.blog-content{width: 100% !important; margin:5% 0 0 0!important;background-color: white !important;box-shadow: 1px 1px 10px 3px #F4F4F4;height: fit-content;}
.blog-content h2, .blog-content p {text-align: left !important; padding-left: 9% !important; padding-right: 9% !important; font-family: 'Montserrat', sans-serif;color: black !important;}
@media only screen and (min-width:992px){
	.tarjetaC{padding: 0 1.7% !important;}
}
.tarjetaC{margin-bottom: 5% !important;}
.tarjeta_texto p, .tarjeta_texto h2{padding: 5% !important;}
.blog-content h2{font-weight: 900 !important;padding-top: 10% !important;}
#contenido p{margin-bottom: 0 !important;}
.blog-content:after{
  	height: 3px;
  	position: absolute;
  	content: '';
  	-webkit-transition: all 0.35s ease;
  	transition: all 0.35s ease;
  	background-color:  #F76D52;
  	width: 0;
	}
.blog-content:hover{color: #F76D52;cursor: pointer;}
.blog-content:hover:before,
.blog-content:hover:after {
  	width: 90%;
	right: 5%;
}
@media only screen and (max-width:2600px) and (min-width:2100px){#contenido{margin-top:530px !important;}}
@media only screen and (max-width:2099px) and (min-width:1800px){#contenido{margin-top:470px !important;}}
@media only screen and (max-width:1799px) and (min-width:1500px){#contenido{margin-top:380px !important;}}
@media only screen and (max-width:1499px) and (min-width:1100px){#contenido{margin-top:320px !important;}}
@media only screen and (max-width:1099px) and (min-width:992px){#contenido{margin-top:240px !important;}}
@media only screen and (max-width:991px) and (min-width:768px){#contenido{margin-top:200px !important;}.tarjeta_texto h2{font-size: 20px !important;}.tarjeta_texto p{font-size: 12px !important;}}
@media only screen and (max-width:767px) and (min-width:600px){#contenido{margin-top:400px !important;}.tarjeta_texto h2{font-size: 30px !important;}.tarjeta_texto p{font-size: 15px !important;}}
@media only screen and (max-width:599px) and (min-width:500px){#contenido{margin-top:300px !important;}.tarjeta_texto h2{font-size: 25px !important;}.tarjeta_texto p{font-size: 15px !important;}}
@media only screen and (max-width:499px) and (min-width:400px){#contenido{margin-top:250px !important;}.tarjeta_texto h2{font-size: 19px !important;}.tarjeta_texto p{font-size: 13px !important;}}
@media only screen and (max-width:399px) {#contenido{margin-top:195px !important;}.tarjeta_texto h2{font-size: 15px !important;}.tarjeta_texto p{font-size: 12px !important;}}