/*@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');*/
*{
    margin: 0;
    padding: 0;
  /*  box-sizing: border-box; 
    font-family: 'Montserrat', sans-serif; */
    font-family: 'Jost', sans-serif;
}

/*Cards*/

.container-card{
	width: 100%;
	display: flex;
	max-width: 1100px;
	margin: auto;
}

.title-cards{
	width: 100%;
	max-width: 1080px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	text-align: center;
	color: gray;
} 

.card{
	width: 100%;
	margin: 10px;
	border-radius: 6px;
	overflow: hidden;
	background: rgba(239,239,239,1);
    box-shadow: 1px 1px 0px rgba(123,123,123,0.2);
/*	box-shadow: 0px 1px 10px rgba(0,0,0,0.2); */
	transition: all 400ms ease-out;
	cursor: default;
}

.card:hover{
/*	box-shadow: 1px 1px 0px rgba(123,123,123,0.2); */
    box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
	transform: translateY(-3%);
}

.card img{
	width: 100%;
	height: 100%;   /*250px - 270*/
}

@media (max-width:768px) { 
	.container-card{
/*		flex-wrap: wrap;*/
	}
	.card{
		margin: 7px;
	}
    
    .card img{
        height: 200px;
    }
}

@media (max-width:510px) { 
	.container-card{
		flex-wrap: wrap;
	}
/*	.card{
		margin: 7px;
	}
    */
    .card img{
        width: 280px;
        height: 200px;
    }
    
    .container-card{
        width: 100%;
        text-align: center;
    }    
}

/* @media only screen and (min-width:320px) and (max-width:768px) { */
@media (max-width:420px) { 
	.container-card{
		flex-wrap: wrap;
	}
	.card{
		margin: 7px;
	}
    
    .card img{
        height: 210px;
    }
    
    .container-card{
        width: 90%;
    }
    
}

/*Fin-Cards*/