.quadrado {
    background-color: #c55735;
    width: 18vw;
    height: 13vw;
    margin-top: -10.2vw;
    margin-right: 10.6vw;
    min-width: 195px;
    min-height: 141px;
  }

  .quadrado2{
    background-color: #c55735;
    width: 24vw;
    height: 19vw;
    margin-top: -16.2vw;
    margin-left: 61vw;
    min-width: 161px;
    min-height: 141px;
  }

  .quadrado3{
    background-color: #c55735;
    width: 241px;
    height: 189px;
    margin-top: -148px;
    margin-left: 251px;
    min-width: 113px;
    min-height: 148px;
  }

  @media (max-width: 1085px) {
    .quadrado {
      background-color: #c55735;
      width: 197px;
      height: 141px;
      margin-top: -120px;
      margin-right: 95px;
    }
}

.div3{
  display: block;
}


.modal-gm{
  display: none; 
  justify-content: center; 
  align-items: center; 
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100vw; 
  height: 100vh;
  background-color: #000000ad; 
  z-index: 2;
}

  @media (max-width: 1085px) {
    .div3 {
      display: none;
    }
}


@media (max-width: 768px) {
    .quadrado2 {
      background-color: #c55735;
      width: 24vw;
      height: 19vw;
      margin-top: -16.2vw;
      margin-left: 61vw;
      min-width: 161px;
      min-height: 141px;
    }
}

@font-face {
    font-family: 'Bol';
    src: url('fonts/NimbusSanL-Bol.otf') format('truetype');
}

@font-face {
    font-family: 'Bollta';
    src: url('fonts/NimbusSanL-BolIta.otf') format('truetype');
}

@font-face {
    font-family: 'Reg';
    src: url('fonts/NimbusSanL-Reg.otf') format('truetype');
}

@font-face {
    font-family: 'Reglta';
    src: url('fonts/NimbusSanL-RegIta.otf') format('truetype');
}

body{
  
}