body {
    font-family: 'Lato';
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 500;
  }

  section {
    padding: 2.5rem 0;
  }
  
  section h2 {
    font-size: 2.25rem;
    line-height: 2rem;
  }
  
  @media (min-width: 992px) {
    section h2 {
      font-size: 3rem;
      line-height: 2.5rem;
    }
  }

  section {
    padding: 6rem 0;
  }
  
  section h2 {
    font-size: 2.25rem;
    line-height: 2rem;
  }
  
  @media (min-width: 992px) {
    section h2 {
      font-size: 3rem;
      line-height: 2.5rem;
    }
  }

  #mainNav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
  }
  
  #mainNav .navbar-brand {
    color: #ffc323;
  }
  
  #mainNav .navbar-nav {
    margin-top: 0.5rem;
    letter-spacing: 0.0625rem;
  }
  
  #mainNav .navbar-nav li.nav-item a.nav-link {
    color: #fff;
  }
  
  #mainNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #ffc323;
  }
  
  #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
    color: #fff;
  }
  
  #mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: #ffc323;
  }
  
  #mainNav .navbar-toggler {
    font-size: 80%;
    padding: 0.8rem;
    background-color: #ffc323;
  }
  
  @media (min-width: 992px) {
    #mainNav {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
      transition: padding-top 0.3s, padding-bottom 0.3s;
    }
    #mainNav .navbar-brand {
      font-size: 2em;
      -webkit-transition: font-size 0.3s;
      transition: font-size 0.3s;
    }
    #mainNav .navbar-nav {
      margin-top: 0;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
      color: #fff;
      background: #ffc323;
    }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
      color: #fff;
      background: #ffc323;
    }
    #mainNav.navbar-shrink {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    #mainNav.navbar-shrink .navbar-brand {
      font-size: 1.0em;
    }
  }

  header.masthead {
    padding-top: calc(6rem + 72px);
    padding-bottom: 3rem;
  }
  
  header.masthead h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  
  header.masthead h2 {
    font-size: 1.3rem;
  }
  
  @media (min-width: 992px) {
    header.masthead {
      padding-top: calc(6rem + 106px);
      padding-bottom: 6rem;
    }
    header.masthead h1 {
      font-size: 4.75em;
      line-height: 4rem;
    }
    header.masthead h2 {
      font-size: 1.75em;
    }
  }

  .footer {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    background-color: #2C3E50;
    color: #fff;
  }
  
  .copyright {
    background-color: #1a252f;
  }
  
  a {
    color: #000;
  }

  .bg-primary {
    background-color: #ffff !important;
  }
  
  .bg-secondary {
    background-color: #2C3E50 !important;
  }