.quotes {
  flex-direction: column;
}
@media (min-width: 900px) {
  .quotes {
    flex-direction: row;
  }
}

footer {
  flex-direction: column;
  padding: 0 13%;
}
@media (min-width: 900px) {
  footer {
    padding: 0 3%;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  footer {
    padding: 0 5%;
    flex-direction: row;
  }
}
@media (min-width: 1500px) {
  footer {
    padding: 0 7%;
    flex-direction: row;
  }
}
@media (min-width: 1800px) {
  footer {
    padding: 0 20%;
    flex-direction: row;
  }
}

main {
  padding: 0;
}
@media (min-width: 900px) {
  main {
    padding: 0 3%;
  }
}
@media (min-width: 1200px) {
  main {
    padding: 0 5%;
  }
}
@media (min-width: 1500px) {
  main {
    padding: 0 7%;
  }
}
@media (min-width: 1800px) {
  main {
    padding: 0 20%;
  }
}

#boss .ovl {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.4) 100%);
}
@media (min-aspect-ratio: 25/10) and (min-width: 1200px) {
  #boss .ovl {
    background-image: linear-gradient(to right, white 0%, white 7%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.4) 87%, white 93%, white 100%);
  }
}
@media (min-aspect-ratio: 30/10) and (min-width: 1200px) {
  #boss .ovl {
    background-image: linear-gradient(to right, white 0%, white 20%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.4) 65%, white 80%, white 100%);
  }
}

footer section a {
  font-size: 1.5rem;
}
@media (max-width: 599px) {
  footer section a {
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=mq.css.map */