.landingH1 {
  text-align:center;
  padding-top:2%;
  padding-bottom:3%;
}

.iconDiv {
  display:flex;
  flex-flow:column;
  align-items:center;
  margin:3%;
  background-color:#d3e7ff;
  border-radius:10px;
  text-align:center;
}

.genDivPadding {
  padding-top:3%;
  padding-bottom:5%;
}

.card.itemCard {
  margin:5%;
}

@media (min-width: 300px) {
  .navbar-brand {
    font-size:0.8em;
  }
}

@media (min-width: 576px) {
  .navbar-brand {
    font-size:1.1em;
  }
}

@media (min-width: 300px) {
  .landingH1 {
    font-size:1.4em;
  }
}

@media (min-width: 576px) {
  .landingH1 {
    font-size:2em;
  }
}

@media (min-width: 768px) {
  .landingH1 {
    font-size:2.5em;
    padding-top:0%;
  }
}

.fa.fa-arrow-down {
  font-size:2em;
  padding-top:3%;
}

.box {
  border-radius:5px;
  box-shadow:0 1px 2px rgba(0,0,0,0.15);
  transition:all 0.1s ease-in-out;
}

.box::after {
  content:'';
  position:absolute;
  z-index:-1;
  width:100%;
  height:100%;
  opacity:0;
  border-radius:5px;
  box-shadow:0 5px 15px rgba(0,0,0,0.3);
  transition:opacity 0.1s ease-in-out;
}

.box:hover {
  transform:scale(1.05, 1.05);
}

.box:hover::after {
  opacity:1;
}

.pageContainer {
  padding-top:80px;
}

.box icon {
  color:black;
}

.frontPageSubHead {
  text-align:center;
  opacity:0;
  transition:opacity 0.8s;
}

.fa-arrow-down {
  font-size:2em;
}

@media (min-width: 300px) {
  .col.genDivPadding h3 {
    font-size:0.9em;
  }
}

@media (min-width: 576px) {
  .col.genDivPadding h3 {
    font-size:1em;
  }
}

@media (min-width: 300px) {
  .frontPageP {
    font-size:0.8em;
  }
}

@media (min-width: 576px) {
  frontPageP {
    font-size:1em;
  }
}

@media (min-width: 768px) {
  .frontPageP {
    font-size:1.2em;
  }
}

.itemCard {
  min-width:230px;
}

@media (min-width: 300px) {
  .frontPageSubHead {
    font-size:1.1em;
  }
}

@media (min-width: 768px) {
  .frontPageSubHead {
    font-size:1.5em;
  }
}

@media (min-width: 300px) {
  #indexPHeader {
    font-size:1.4em;
  }
}

@media (min-width: 768px) {
  #indexPHeader {
    font-size:2em;
  }
}