.responsiveBannerImage {
  width: 100%;
  height: auto;
}

.menuBar {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  text-align: center;
  width: 100%;
}


@media (max-width: 400px) {

  aside,
  section {
    width: auto;
    float: none;
  }
}

div.indented {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  text-align: left;
  text-indent: 25px;
}

div.References {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  text-align: left;
}

.h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  text-align: center;
}

.h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  text-align: left;
}

.h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  font-weight: 700;  
  font-style: italic;
  text-align: left;
}

.h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  text-align: left;
}

.h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5vw;
  text-align: left;
}