@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

@font-face {
    font-family: 'Serpentine ICG';
    src: url('../font/SerpentineICGBold.woff2') format('woff2'),
         url('../font/SerpentineICGBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



/*-------------------------------- GENERAL --------------------------------*/
.title{
  width: 100%;
  font-size: 31px;
  text-align: center;
  color: #014892;
  padding: 65px 0;
  font-family: 'Serpentine ICG';
}

.padding{
  padding: 0 15px;
}

.title-producto{
  font-size: 29px;
  color: #706F6F;
}

/*-------------------------------- GENERAL --------------------------------*/


/*-------------------------------- CONT-PRODUCTOS --------------------------------*/
.cont-productos{
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 63px auto;
}

.item-productos{
  width: 100%;
  background-color: #014892;
  transition-duration: 0.3s;
  margin-bottom: 25px;
}

.item-productos:hover{
  background-color: #ffc706;
/*  transition-delay: 0.1s;*/
}

.item-productos img{
  width: 100%;
}


/*-------------------------------- CONT-PRODUCTOS --------------------------------*/


@media screen and (min-width: 640px){
/*-------------------------------- CONT-PRODUCTOS --------------------------------*/
.cont-productos{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item-productos{
  width: 48%;
}

/*-------------------------------- CONT-PRODUCTOS --------------------------------*/
}


@media screen and (min-width: 900px){
/*-------------------------------- CONT-PRODUCTOS --------------------------------*/
.item-productos{
  width: 32%;
}
/*-------------------------------- CONT-PRODUCTOS --------------------------------*/

}

@media screen and (min-width: 1200px){
/*-------------------------------- GENERAL --------------------------------*/
  .padding{
  padding: 0px;
}
/*-------------------------------- GENERAL --------------------------------*/
}