style.css

/* Using Bootstrap suggestions */
@media (min-width: 576px) {
  html {
    font-size: 16px; } }

h1 {
  text-align: center;
  padding-top: .75em;
  padding-bottom: .5em;
  margin-bottom: 0; }
  @media (min-width: 576px) {
    h1 {
      font-size: 5rem;
      padding-top: .75em;
      padding-bottom: .5em; } }

p.description {
  border-bottom: 1px solid #444444;
  color: #444444;
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 1em; }
  @media (min-width: 576px) {
    p.description {
      font-size: 2rem;
      padding-bottom: 1em;
      margin-bottom: 1em; } }

h2 {
  margin: 0;
  font-size: 2rem;
  padding-top: 1.5em;
  padding-bottom: 1em; }
  @media (min-width: 576px) {
    h2 {
      font-size: 3rem;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }

@media (min-width: 576px) {
  h3 {
    padding-bottom: 1rem; } }

body {
  font-family: "Noto Serif SC", serif; }
  @media (min-width: 576px) {
    body {
      font-size: 1.5rem; } }

.people .person {
  width: 25%;
  padding: 0% 4% 2% 4%;
  text-align: center; }
  @media (min-width: 576px) {
    .people .person {
      font-size: 1.2rem; } }
  .people .person img {
    width: 100%; }

#logos {
  border-top: 1px solid #444444;
  margin-top: 2rem; }
  #logos img {
    width: 33%;
    padding: 4%; }

/*# sourceMappingURL=style.css.map */