.header-main {
  font-family: 'Hammersmith One', sans-serif;
}

.overlay-red {
  background: rgba(210, 47, 37, 0.9);
}

.section-header {
  text-transform: uppercase;
  color: rgb(210, 47, 37);
  font-weight: 400;
  font-size: 31px;
  font-family: 'Fjalla One', sans-serif;
}

.section-subheader {
  text-transform: uppercase;
  color: rgb(210, 47, 37);
  font-weight: 400;
  font-size: 24px;
  font-family: 'Fjalla One', sans-serif;
}

.section-subtitle {
  font-size: 20px;
  font-family: 'Fjalla One', sans-serif;
}

.clickable-row {
  cursor: pointer;
}

@media screen and (max-width: 499px) {
.mainlayout {
  display: grid;
  grid-template-columns: 1fr;
}
}
@media screen and (min-width: 500px) {
.mainlayout {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
}