@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

h1.main-title {
  font-family: 'Anton', Arial, sans-serif;
}


@media screen and (min-width: 601px) {
  h1.main-title {
    font-size: 70px;
    text-shadow: 5px 5px 5px black;
  }
}
@media screen and (max-width: 600px) {
  h1.main-title {
    font-size:35px;
    text-shadow: 5px 5px 5px black;
  }
}

@media screen and (min-width: 601px) {
  P.main {
    font-size: 60px;
    text-shadow: 5px 5px 5px black;
  }
}
@media screen and (max-width: 600px) {
  P.main {
    font-size: 20px;
    text-shadow: 5px 5px 5px black;
  }
}

@media screen and (min-width: 601px) {
  p.huge-title {
    font-size: 32px;
    COLOR: #000000;
    TEXT-SHADOW: 5PX 5PX 5PX #00000059;
  }
}
@media screen and (max-width: 600px) {
  p.huge-title {
    font-size:22px;
    COLOR: #000000;
    TEXT-SHADOW: 5PX 5PX 5PX #00000059;
  }
}
@media screen and (min-width: 601px) {
  p.medium-title {
    font-size: 20px;
    COLOR: #000000;
  }
}
@media screen and (max-width: 600px) {
  p.medium-title {
    font-size:13px;
    COLOR: #000000;
  }
}