/* Header */
header {
  padding: 2% 2%; }
  header #main-area {
    width: 94%;
    margin: 0 auto;
    max-width: 1080px;
    background-image: url("../images/main-img.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 40vw;
    max-height: 500px;
    border-radius: 15px;
    box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.6); }
    header #main-area h1 {
      padding-top: 4vw;
      margin: 0 auto;
      width: 65%; }
      @media screen and (max-width: 768px) {
        header #main-area h1 {
          padding-top: 3vw;
          width: 94%; } }