@font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Regular.ttf);
  }

  :root {
    --darkblue: #0b3e54;
    --midblue: #4FA2D4;
    --grey: #bfc0c0;
    --darkgrey: #808789;
    --orange: #FF9933;
    --offwhite: #f0f3f7;
    --darkorange: #cc613b;
}

  body {
    position: relative;
    background-color: #ffffff;
    color:var(--darkblue)
  }

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--offwhite);
}

.navbar-brand {
  margin-left: 1rem;
}

#wrapper { 
  margin-top: 130px;
}

    .logo{height: 100px;}
    
    section {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    footer{
        text-align: center;
    }
     
     h2 {
        background-color: var(--midblue);
        color: rgb(255, 255, 255);
        padding: 7px;
        padding-left: 21px;
      }

      h1, h2, p {
        font-family: 'Poppins';
      }

      p { 
        font-weight: normal;
      }

      .nav-link {
        color: var(--midblue)
      }

      .nav-link.active {
        color:var(--orange)
      }

      .nav-link:hover {
        color: var(--darkorange)
      }

      .linkPlaceholder { 
        color: var(--orange);
        text-decoration: underline;;

      }

      footer { 
        background-color: var(--midblue);
        color: var(--offwhite);
        margin:0;
      }

      footer a, footer h1 {
        color: var(--darkblue)
      }

      footer small { 
        color: rgba(255,255,255,0.75)
      }