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;

    }


#loganimate{
  width: 100%;
}

#StatesLicense, h1{
  padding-bottom: 5%;
}

.figure{
  width: 15%;

}

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

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

#WBEC{
margin-top: 23%;
}

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

#DBEMU{
  margin-top: 33%;
}

#VSBL{
margin-top: 23%;
}

#TDOT{
margin-top: 23%;
}


<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
@media (max-width: 575.98px){

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

  nav img{

    width: 65px;
    height: 34px;
  }

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

  .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);

  }
/*
    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: 40px;
   z-index: 1;

  }

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

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




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

    }
}

#Orlando{
  object-fit: cover;
}

#Richmond{
  object-fit: cover;
}


<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

/* Home Page */
.frame{
  width: auto;
  height: 25%;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 2%;

}
.frame img{
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.settingbar{
  margin-left: 5%;
  margin-right: 5%;
}


  .container-fluid {
  padding-top: 5%;
  padding-bottom: 5%;
}

.feature, .news{
  margin: 5%;
}




.join{
  background: url('../images/38868889_m.jpg');
  position: relative;
  height: 280px;

  width: 100%;
  background-size: cover;

}
.cmnty{
background: url('../images/certificate_e.jpg');
height: 280px;
width: 100%;
background-size: cover;
position: relative;

}


.light-overlay{
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.cmnty button{
margin: 15%;
font-size: 36px;
margin-left: 15%;
opacity: 0.9;



}




.join p{

  margin: 10%;
  top: 10px;
  left: 30px;
  font-size: 20px;
  color: #000000;


}


.news{
  margin-top: 70px;
  margin-bottom: 70px;
}


.news img{
  object-fit: scale-down;
  width: 100%;
  height: 250px;
}

figcaption {
  color: gray;
  font-size: 11px;
}

.bg-1{
  width: 100%;
  height: 30%;
  margin-bottom: 5%;
  background-color: #f2f2f2;
}

.bg-1 h2{
  margin-top: -2%;
  margin-bottom: 2%;

}

.bg-1 img{
  width: 120px;
  height: 40px;
  margin: 20px;
  filter: grayscale(100) opacity(20);
  opacity: 0.7;
}

#AM{
  width: 170px;
  height: 60px;
}


#indexVIDEO{
  width: 50%;
  margin-left: 3%;
  margin-right: 5%;
}



/* About Us Page */

.About img{
  object-position: 15% -8%;
  object-fit: cover ;
  width: 100%;
  height: 550px;
  margin-top: -5%;
padding-left: 3%;
padding-right: 3%;
}

.bg-2{
  width: 100%;
  height: 30%;
  margin-bottom: 5%;
}


.bg-2 img{
  width: 120px;
  height: 25px;
  margin: 8px;
  filter: grayscale(100) opacity(20);
  opacity: 0.7;
}

#AMA{
  width: 160px;
  height: 45px;
}

.Aboutgroup{
  margin: 40px;
}

.Aboutgroup img{
  object-fit: cover;
  width: 100%;
  height: 250px;
}


.partner{
  margin-left: 5%;
  margin-right: 5%;
  width: 100%;
}

.partner h2{
  padding-bottom: 10px;
}

.partner img{
  width: 250px;
  height:250px;

}

.partner p{
  width: 80%;

}

/* Businesses Page */

.infograhic{
  width: auto;
margin-left: 5%;
margin-right: 5%;

}

.infograhic img{
  width: auto;
  height: 450px;
}

.infograhic p{
  font-size: 18px;
}
#servicesBG{
  position: relative;
  background: url('../images/11399124_m.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
  color: #fff;
  margin-bottom: 5%;
}

.dark-overlay{
  position: absolute;
  background-color: rgba(0,0,0,0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container > h2{
  padding-top: 5%;
}

.dark-overlay > .container > hr{
  border: 2px solid #FFF;
}

#list{
  font-size: 20px;
  text-align: left;
}

.clients{
  padding-left: 5%;
  padding-right: 5%;
}


.clients img{
  object-fit: scale-down;
  width: 100%;
  height: 250px;
}

#gallerywall{
  margin-left: 3%;
  margin-right: 3%;
}
#galleryimg {
  width: 330px !important;
  height: 300px !important;
}

/* NEWS Page */
.NEWS{
    margin: 40px;
}
.NEWS img{
  padding-bottom: 20px;
  object-fit: cover;
  width: 100%;
  height: 250px;
  object-fit: scale-down;
}

/* Contact Page*/

.Contact img{

  object-fit: cover ;
  width: 100%;
  height: 450px;
  margin-top: -3%;
    margin-bottom: -3%;
padding-left: 3%;
padding-right: 3%;
}

.name{
  font-size: 20px;

}


.Address{
  padding-top: 80px;
}
.Address p{
  font-size: 18px;
}
.locations{
  margin: 40px;
}

.locations img{
  width: 100%;
  height: 550px;
  object-fit: cover;

}





/* Sub Page */


/* Certifications Page  End */

/* Individual Article Page */
.articleH{
  margin-top: 40px;
  margin-bottom: 40px;
}
.article{
  margin: 70px;
  height: 600px;
}

.article p{
  font-size: 18px;
}

.article img{
  width: 100%;
}



/* Career Page */

.Career img{
  object-fit: cover ;
    object-position: 15% -8%;
    width: 100%;
    height: 550px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .Joblist{
    width: auto;
    margin: 40px;
  }