html,body{
  overflow-x: hidden;

}

nav{
  width: 100%;
  height: 150px;
  background-color: white;
  }

nav img{

  width: 110px;
  height: 50px;
}

.navbar-brand{
  font-size: 36px;
  font-style: italic;
}

.navbar{
  border-bottom: 7px solid;
}

  .navbar.scrolled{
  position: fixed;
   top: 0;
   width: 100%;
   height: 65px;
   z-index: 1;
  }

.navbar.scrolled img{
  width: 75px;
  height: 34px;
}


.navbar.scrolled .navbar-brand{
  font-size: 22px;
  font-style: italic;
}

h1, h2, h3 {
  font-family: 'sofia_prolight';
  font-weight: bold;
}

p {
  font-family: 'sofia_prolight';
}

    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
      float: none;

    }



    
    @media (max-width: 575.98px){

      nav{
        width: 100%;
        height: 70px;
        background-color: white;
        }

      nav img{

        width: 65px;
        height: 34px;
      }

      .navbar-brand{
        font-size: 18px;
      }

      .navbar-nav{
        padding-top:30%;
        width: 100%;
        box-shadow: 0 4px 8px 0 rgba(91, 192, 222, 0.2), 0 6px 20px 0 rgba(91, 192, 222, 0.19);
      }

      .nav-item{
        background-color: white;
        text-align: center;
      }

      .nav-link:hover{
        background-color: #5bc0de;
      }



      .navbar.scrolled{
        position: fixed;
       top: 0;
       width: 100%;
       height: 60px;
       z-index: 1;
      }

        .navbar.scrolled img{
          width: 65px;
          height: 30px;
        }

        .navbar.scrolled .navbar-brand{
          font-size: 18px;
        }


        footer {
          background-color: #f2f2f2;
          padding: 15px;
          float: none;
          font-size: 15px;

        }
    }






/* Certifications Page */

#Certifications{
  margin-top: 70px;
  margin-bottom: 70px;
}

#Certifications h2{
  padding-bottom: 3%;
}
/* entire container, keeps perspective */
.figure{

  margin: 4%;
}

.figure-caption{
  margin-top: 5%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.front{
  width: 230px;
  height: 230px;
}

#WBEC{
margin-top: 23%;
}

#WBECT{
  margin-top: -5%;
}

#VSBL{
margin-top: 23%;
}

#TDOT{
margin-top: 23%;
}