/* =========================
   BANNERS
========================= */

.promo-banners{

  width:90%;

  max-width:1400px;

  margin:70px auto;

  display:grid;

  grid-template-columns:

  repeat(2,1fr);

  gap:24px;

}

.promo-banner{

  display:block;

  overflow:hidden;

  border-radius: 8px;

  box-shadow:

  0 8px 25px rgba(0,0,0,.08);

}

.promo-banner img{

  width:100%;

  display:block;

  transition:.4s;

}

/* efeito leve */

.promo-banner:hover img{

  transform:scale(1.03);

}

/* MOBILE */

@media(max-width:768px){

  .promo-banners{

    grid-template-columns:1fr;

    gap:18px;

  }

}