  .no-margin{
    margin: 0;
  }
  .m-t-10{
    margin-top: 10px;
  }
  .full-width{
    width: 100%;
  }
  *{
    font-family: Janna;
  }
  body{
    overflow-x: hidden;
  }
  p{
    font-size: calc(2.9vw);
    line-height: 1.3;
  }
  h1{
      position: relative;
      top: 22%;
      font-size: calc(1rem + 1.5vw);
      padding: 0 10%;
      text-align: center;
      font-weight: bold;
    }
  h2{
    font-size: calc(5.5vw);
  }
  .feature-container{
    background: #b1d135;
    width: 100%;
  }
  .features-box{
    background: #b1d135;
    height: auto;
    padding-top: 100%;
    position: relative;
    color: white;
    text-align: center;
    border-radius: 50% 50% 0 0;
  }
  .features-background{
    height: 60%;
    background-size: cover;
    background-position-y: 50%;
    position: absolute;
    width: 100%;
    top: 0;
    border-radius: 0 0 50% 50%;
  }
  .features-text{
    height: 40%;
    position: absolute;
    width: 100%;
    top: 60%;
  }
  .bold{
      font-weight: bold;
  }
  .header-container{
    height: 40%; 
  }
  .header-background{
    background-image: url(header.png);
    background-size: cover;
    background-position-y: 50%;
    filter: brightness(0.65);
    height: 100%;
  }
  .header-text{
    background-image: url(h-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position-x: center;
    height: 15%;
    width: 100%;
    position: absolute;
    top: 23%;
  }
  .logo{
    background-image: url(protein-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 95%;
    position: absolute;
    top: 2%;
    height: 8%;
    width: 100%;
  }
  .footer-container{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    background: #f9f9f9;
  }
  @font-face {
      font-family: Janna;
      src: url(JannaBold.ttf);
      font-weight: bold;
      font-display: fallback;
  }
  @font-face {
      font-family: Janna;
      src: url(JannaRegular.ttf);
      font-weight: regular;
      font-display: fallback;
  }