#mylogo{

  border-radius: 50%;
}

span{
  color: cadetblue;
  font-size: 25px;"
}
@media(max-width: 767px){
  span{
    font-size: 25px;
  }
}

#modi{
  width: 500px; height: auto;
}

@media(max-width: 767px){
  #modi{
   width: 80%;  
    max-width: 300px;
  }
}
#mlctext{
  color: white;
}
#mylogo{
    max-width: 8%; 
    max-height: auto; 
    border-radius: 50%;
    box-shadow: aqua;
    
}
@media(max-width:767px){
  #sufem{
      font-size: 16px;
  }
}

@media (max-width: 767px) {
  
  }
}

.iconf{
  max-width: 20%;
  border-radius: 7px;
}
.motto{
  font-size: 10px;
}

.navbar-brand {
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 30px;
  font-family: "Overpass", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
@media(max-width:991.98){
  #sufem{
    font-size: 10px;
  }
}
#modichambers{
  padding-left: 10px;border-radius: 10px; box-shadow: 12px;
}
@media (max-width: 991.98px){
  #modichambers{
    max-width: 100%;max-height: auto;
    
  }
}
@media (max-width: 767px){
  #modichambers{
    max-width: 75%;max-height: auto;
    
  }
}
@media(max-width: 767px){
  #ggg{
    display: none;
  }
}
#footimg{
  max-width: 50px;max-height: auto;border-radius: 6px;
}
#steve{
  padding-left: 40%;
}
@media(max-width: 767px){
  #steve{
    padding-left: 20%;
  }
}
#test{
  font-family: times; font-size: 18px;text-decoration: none;
}
#bg{
  background-image: url('img/steve.jpg');
}