body {
  background: url("../images/background.png");
  background-size: contain;
}

a {
  color: rgb(80,174,51);
}

.w-18 {
  width: 18%;
}

.lighter-gray {
  color: #ddd;
}

.rots-logo {
  max-width: 7rem;
}

@media screen and (min-width: 60rem) {
  .rots-logo {
    max-width: 10rem;
  }
}

@media screen and (min-width: 961px) {
  .rots-titles {
    position: relative;
  }
}

@media screen and (min-width: 961px) and (max-width: 1060px) {
  .rots-titles {
    margin-top: -14em;
  }
}

@media screen and (min-width: 1061px) and (max-width: 1098px) {
  .rots-titles {
    margin-top: -16em;
  }
}

@media screen and (min-width: 1099px) and (max-width: 1126px) {
  .rots-titles {
    margin-top: -18em;
  }
}

@media screen and (min-width: 1127px) and (max-width: 1166px) {
  .rots-titles {
    margin-top: -20em;
  }
}

@media screen and (min-width: 1167px) and (max-width: 1206px) {
  .rots-titles {
    margin-top: -22em;
  }
}

@media screen and (min-width: 1207px) and (max-width: 1236px) {
  .rots-titles {
    margin-top: -24em;
  }
}

@media screen and (min-width: 1237px) and (max-width: 1278px) {
  .rots-titles {
    margin-top: -26em;
  }
}

@media screen and (min-width: 1279px) and (max-width: 1306px) {
  .rots-titles {
    margin-top: -28em;
  }
}

@media screen and (min-width: 1307px) and (max-width: 1354px) {
  .rots-titles {
    margin-top: -30em;
  }
}

@media screen and (min-width: 1355px) and (max-width: 1390px) {
  .rots-titles {
    margin-top: -32em;
  }
}

@media screen and (min-width: 1393px) and (max-width: 1800px) {
  .rots-titles {
    margin-top: -34em;
  }
}

@media screen and (min-width: 1801px) and (max-width: 1848px) {
  .rots-titles {
    margin-top: -36em;
  }
}

@media screen and (min-width: 1849px) and (max-width: 1880px) {
  .rots-titles {
    margin-top: -38em;
  }
}

@media screen and (min-width: 1881px) {
  .rots-titles {
    margin-top: -40em;
  }
}