@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .contact {
    height: auto;
    max-width: 565px;
    width: 50vw;
  }
  .none {
    display: none;
  }
  .parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  #bg1 {
    background: #023E36 url("../images/bg1.webp") no-repeat 50% 0%;
    background-size: cover;
    min-height: 66vw;
    padding-bottom: 6vw;
  }
  #bg2 {
    background: #023E36 url("../images/bg2.webp") no-repeat 50% 0%;
    background-size: cover;
    border-top: 1px solid #FAC827;
    min-height: 66.5vw;
    padding-bottom: 8vw;
  }
  #bg3 {
    background: #023E36 url("../images/bg3.webp") no-repeat 50% 0%;
    background-size: cover;
    border-top: 1px solid #FAC827;
    min-height: 50vw;
    padding-bottom: 6vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .c3 {
    width: 20vw;
  }
  .contact {
    width: 75vw;
  }
  .parent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}