@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'INDEPENDENT Headline';
    src: url('../fonts/INDEPENDENTHeadline.woff2') format('woff2'),
        url('../fonts/INDEPENDENTHeadline.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

  body {
    padding: 0;
    margin: 0;
    font-family: 'Myriad Pro';
  }

  header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 4em 0;
}

    img.project-logo {
    float: right;
}


    .slider-1 {
      background-image: url(../images/new/banner-1.webp);
      background-size: cover;
      height: 100vh;
      background-repeat: no-repeat;
      background-position: right;
    }


        section.intro {
      padding: 5em 0;
    }

  h1 {
    font-family: 'INDEPENDENT Headline';
    padding-top: 5em;
    color: #fff;
    font-size: 3rem;
}

h2 {
    font-family: 'INDEPENDENT Headline';
}

    footer {
      background-color: #000;
      color: #fff;
      padding: 2em 0;
    }

    footer p {
      margin: 0;
    }





    @media(max-width: 767px) {
      .slider-1 {
          background-image: url(../images/new/banner-1-mobile.webp);
      }


        h1 {
            font-size: 2rem;
            width: 180px;
        }

        header {
            padding: 2em 0;
        }
        img.project-logo {
            width: 170px;
        }

        footer p {
            margin: 0 0 10px;
            line-height: 20px;
        }
        footer p:last-child {
            margin-bottom: 0;
        }

    }