@charset "utf-8";
/* CSS Document */
.main-cards{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 50px;
	padding: 0;
}
.main-cards .cards{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0px;
	
}
.main-cards .cards .card{
    position: relative;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.2);
    width: 225px;
    display: flex;
    margin: 10px 10px;
    border-radius: 10px;
	transition: 0.4s;
    background-color: #fff;
}
.main-cards .cards .card .card-contenido{
    margin: 15px auto;
}
.main-cards .cards .card h2{
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    text-align: left;
    color: #3c3c3c;
    margin-left: 4px;
}
.main-cards .cards .card p{
    font-size: 12px;
    text-decoration-line: underline;
    color: #848484;
    margin-left: 5px;
}

.main-cards .cards a{cursor: pointer; text-decoration: none;}
.main-cards .cards a .card:hover, .main-cards .cards a .card:focus{
    transition: 0.4s;
    transform: scale(1.1);
    opacity: 0.7;
    text-decoration: none;
}

/**/
.main-cards-i{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 50px;
	padding: 0;
}
.main-cards-i .cards{
	position: relative;
	/*width: 100%;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0px;
	
}
.main-cards-i .cards .card{
    position: relative;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.2);
    width: 225px;
    display: flex;
    margin: 10px 10px;
    border-radius: 10px;
	transition: 0.4s;
}
.main-cards-i .cards .card .card-contenido{
    margin: 15px auto;
}
.main-cards-i .cards .card h2{
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    text-align: left;
    color: #3c3c3c;
}
.main-cards-i .cards .card p{
    font-size: 12px;
    text-decoration-line: underline;
    color: #848484;
}

.main-cards-i .cards a{cursor: pointer; text-decoration: none;}
.main-cards-i .cards a .card:hover, .main-cards-i .cards a .card:focus{
    transition: 0.4s;
    transform: scale(1.1);
    opacity: 0.7;
    
}
@media (min-width:0px) and (max-width:700px){
    .main-cards-i{
	    display: inline;
       
    }
    .main-cards-i .cards{
         padding: 0;
    }
}