.heading {
  font-family: var(--cormo);
  font-size: 10vw;
  margin: 0px;
  font-style: italic;
  font-weight: 300;
  color: var(--mid);
  position: absolute;
  white-space: nowrap;
  top: 3vh;
  left: 50%;
  transform: translateX(-50%);
}

.headingb {
  color: var(--for2);
  font-weight: 300;
}

.black {
  color: black;
}

.blackbg {
  background-color: black;
}

.white {
  color: white;
}

.whitebg {
  background-color: white;
}

.displaytext1 {
  font-size: 5vw;
  font-weight: 300;
}

.displaytext2 {
  font-size: 3vw;
}

.herotext {
  font-size: 1.6vw;
  color: white;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: inline-block;
  opacity: 0;
  width: 80%;
  transition: opacity 1s;
  font-weight: 300;
}

.coromant {
  font-family: var(--cormo);
  font-weight: 700;
  font-style: italic;
}

.subhead {
  text-align: left;
  justify-self: center;
  align-self: center;
  font-family: var(--poppins);
  font-size: 2vw;
  font-weight: 400;
  text-align: center;
  margin: 100px 0 60px 0;
}

.subhead1 {
  text-align: left;
  justify-self: center;
  align-self: center;
  font-family: var(--poppins);
  font-size: 2vw;
  font-weight: 400;
  text-align: center;
  margin: 0;
}

.subheadw {
  margin: 10px 0 0 0;
}

.title {
  font-size: 4.8vh;
}

.subtitle {
  font-family: var(--poppins);
  font-size: 2.5vh;
  line-height: auto;
}

.articleheading {
  font-size: 3vh;
}

.pheading {
  font-family: var(--poppins);
  color: var(--for2);
  font-size: 10vh;
  font-weight: 600;
  text-align: center;
  margin: 0px;
}

.pleft {
  text-align: end;
}

.subtitle {
  margin: 0px;
  padding-bottom: 2vh;
  letter-spacing: 2px;
}

.articles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3vw;
}
.articles .articleheading {
  font-size: 3vh;
}

.para {
  font-size: 3.2vh;
}

.small {
  font-size: 1.4vh;
}

.tiny {
  font-size: 1.2vh;
}

.caption {
  font-size: 2vh;
}

.bg1 {
  color: #F8F8F8;
}

.bg2 {
  color: #F4F4F4;
}

.grey1 {
  color: #333333;
}

.grey2 {
  color: #4F4F4F;
}

.grey3 {
  color: #828282;
}

.grey4 {
  color: #BDBDBD;
}

.grey5 {
  color: #E0E0E0;
}

.grey6 {
  color: #F2F2F2;
}

.snapred {
  color: #FF2341;
}

.primaryc {
  color: var(--primary);
}

@media only screen and (max-width: 1024px) {
  .heading {
    font-size: 12vw;
    font-family: var(--cormo);
    font-style: italic;
    font-weight: 300;
    color: var(--bg2);
    position: absolute;
    white-space: nowrap;
  }
  .headingb {
    font-size: 7vh;
    font-family: var(--cormo);
    font-style: italic;
    font-weight: 300;
    position: absolute;
    white-space: nowrap;
    top: 5vw;
  }
  .title {
    font-family: var(--poppins);
    font-size: 8vw;
  }
  .subtitle {
    font-family: var(--poppins);
    font-size: 3.5vw;
    padding-bottom: 2vh;
  }
  .subhead {
    font-family: var(--poppins);
    font-size: 3vh;
    text-align: center;
    margin: 30px 0 30px 0;
  }
  .displaytext1 {
    font-size: 5vh;
    font-weight: 300;
  }
  .displaytext2 {
    font-size: 8vw;
  }
  .interest {
    margin-top: 4vh;
  }
  .herotext {
    font-size: 2vh;
  }
  .articles {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3vw;
  }
  .articles .pleft {
    text-align: center;
  }
  .articles .pright {
    text-align: center;
  }
  .articles .articleheading {
    font-size: 3vh;
  }
  .pheading {
    font-size: 5vh;
    overflow-wrap: anywhere;
    text-align: center;
  }
}/*# sourceMappingURL=Typo.css.map */