* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}

.contenedor{
    width: 100%;
    margin: auto;
    max-width: 1200px;
    margin: auto;

    /*flexbox*/
    display:flex;
	flex-flow:row wrap;

}

.cajimg{
	width: 100%;
	margin-top: 2%;
	/*height: 200px;*/
	height:auto;
	margin: 20 auto;
	display: flex;
	flex-direction: column;
}
.textos{
		width: 100%;
		height: auto;
		position:absolute;
		top: 200px;
        left: 100px;
}
h1{
	font-size: 60px;
	font-family: 'Noto Sans HK', sans-serif;
	color: white;
	text-shadow:-2px -2px 0 #000000, -2px 2px 0 #000000,  2px -2px 0 #000000 ,  2px 2px 0 #000000 ;
}

h3{
	font-size: 25px;
	font-family: 'Noto Sans HK', sans-serif;
	color: white;
	text-shadow:-2px -2px 0 #000000, -2px 2px 0 #000000,  2px -2px 0 #000000 ,  2px 2px 0 #000000 ;
}

#img1{
width: 100%;
display:flex;
height: 250px;
}


/*hovers*/
.container{
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin: auto;
}

.container .card{
	background-color: #6495ed;
	color:white;
    width: 330px;
    height: 430px;
    border-radius:8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 20px;
    text-align: center;
    transition: all 0.25s;
}

.container .card:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.container .card img{
    width: 330px;
    height: 220px;
}

.container .card h4{
	font-weight: 600;
	font-size: 25px;
}

.container .card p{
    padding: 0 1rem;
    font-size: 16px;
    font-weight: 300;
}

.container .card a{
    font-weight: 500;
    text-decoration: none;
    color: #3498db;
}

/*hoveres*/


/*CELULAR*/
@media screen and (max-width:800px){
    .contenedor{
        flex-direction: column;
    }
        
			.cajimg{
				width: 100%;
				flex-direction: row;
			}
			.textos{
				position: absolute;
				left: 5px;
				margin-left: 5px;
				height:auto;
				width: 90%;
			}
			.textos h1{
				font-size: 55px;
			}