.banner-mosaico {
  display: grid;
  grid-template-areas: "banner1 banner1"
 "banner2 banner3";
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  column-gap: 0;
  row-gap: 10px;
  justify-content: space-around;
  justify-items: stretch;
  background-color: #d0ecf3;
  padding: 10px 0; }
  .banner-mosaico .box-banner:nth-child(1) {
    grid-area: banner1; }
  .banner-mosaico .box-banner:nth-child(2) {
    grid-area: banner2;
    padding-left: 10px;
    padding-right: 5px; }
  .banner-mosaico .box-banner:nth-child(3) {
    grid-area: banner3;
    padding-left: 5px;
    padding-right: 10px; }
  .banner-mosaico img {
    width: initial;
    height: initial; }
  .banner-mosaico img[width="1"][height="1"] {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 450px) {
    .banner-mosaico {
      grid-template-areas: "banner1" "banner2" "banner3";
      grid-template-rows: 1fr;
      grid-template-columns: 1fr; }
      .banner-mosaico img {
        width: 100%;
        height: auto; }
      .banner-mosaico .box-banner:not(:nth-child(1)) {
        padding-left: 10px;
        padding-right: 10px; } }

@media screen and (max-width: 450px) {
  body.home section .container {
    padding: 0 !important; }
  body.home .section-flavor .text {
    width: unset !important;
    left: unset !important;
    max-width: 100% !important; } }