body {
  min-width: none;
  min-height: none;
  background-color: rgb(255, 255, 255);
  font: 300 2.5em/1.25 Lato;
  color: rgb(228, 11, 20);
}

.hero-main {
  position: relative;
  float: left;
  width: 100%;
  min-width: none;
  height: 800px;
  min-height: none;
  background: url("../img/canuck_kids_logo_rgb_2017@2x.png") rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  overflow: hidden;
}

.hero-titles {
  margin-right: auto;
  margin-left: auto;
  font-size: 1em;
  text-align: center;
  color: rgb(228, 11, 20);
}

.hero-titles-1 {
  min-width: none;
  min-height: none;
  margin-top: 168px;
  background-color: rgba(0, 0, 0, 0);
  font-style: normal;
}

.hero-titles-2 {
  margin-top: 329px;
}

@media(max-width: 1072px) {
  body {
    font-size: 1.875em;
  }

  .hero-main {
    height: 680px;
  }

  .hero-main .hero-titles {
    font-size: 30px;
  }

  .hero-main .hero-titles-1 {
    margin-top: 195px;
  }

  .hero-main .hero-titles-2 {
    margin-top: 221px;
  }
}

@media(max-width: 768px) {
  body {
    font-size: 1.375em;
  }

  .hero-main .hero-titles {
    font-size: 22px;
  }

  .hero-main .hero-titles-1 {
    margin-top: 239px;
  }

  .hero-main .hero-titles-2 {
    margin-top: 148px;
  }
}

@media(max-width: 480px) {
  body {
    font-size: 0.875em;
  }

  .hero-main {
    height: 480px;
  }

  .hero-main .hero-titles {
    font-size: 14px;
  }

  .hero-main .hero-titles-1 {
    margin-top: 168px;
  }

  .hero-main .hero-titles-2 {
    margin-top: 104px;
  }
}