#vision {
  background-color: #000d36;

  #title {
    font-family: "Afacad", sans-serif;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0%;
    top: -15%;
    right: -2%;

    transform: translateY(-15%);

    @media (max-width: 1450px) {
      top: -8%;
      transform: translateY(-8%);
    }

    @media (max-width: 900px) {
      top: -8%;
      transform: translateY(-8%);
    }

    @media (max-width: 768px) {
      top: -5%;
      transform: translateY(-5%);
      font-size: 100px;
    }
    @media (width: 2560px) {
      top: -10%;
      transform: translateY(-10%);
      right: -1%;
    }
  }

  #subText {
    font-family: "EB Garamond", serif;
    font-weight: 400;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: end;
    font-variant: small-caps;
    position: absolute;
    bottom: -45px;
    right: 0;

    span {
      font-size: 90px;
    }

    @media (max-width: 1450px) {
      font-size: 25px;
      bottom: -25px;

      span {
        font-size: 50px;
      }
    }

    @media (max-width: 900px) {
      font-size: 25px;
      bottom: -50px;
      text-align: center;

      span {
        font-size: 35px;
      }
    }
  }
}