* {
    font-family: "plex", Helvetica, Arial, sans-serif;
    line-height: 1.4;
}

h1 {
  text-transform: uppercase;
  font-size: 15vw;
  line-height: 0.8;
}

h2 {
  font-size: 10vw;
  line-height: 0.8;
  /*font-size: 30px;*/
}


h3 {
  font-size: 26px;
  font-weight: bold;
}

h4 {
  font-size: 20px;
}

p {
    font-size: 3vh;
    margin-bottom: 14px;
    color: black;
}

.text {
  max-width: 66%;
  min-width: 350px;
}

.longtext {
  max-width: 700px;
  min-width: 350px;
  background-color: #EEEDEB;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.longtext p {
  line-height: 5vh;
  padding-bottom: 3vh;
  padding-right: 20px;
}

@media only screen and (max-width: 500px) {
  p {
    font-size: 25px;
    line-height: 30px !important;
  }
}