body,html{
    width: 100%;
    margin:0;
}

#slider{
    width: 100%; 
    height: 400px;
    background-image: url('../images/fsgs\ srs.jpg');
    background-size: cover ;
    margin-top: -22px;
    text-align: center;
}
 #slider h1{
    font-size:70px;
   background-size: 30px;
  background-color: rgba(203, 203, 12, 0.657);
  margin-top: -22px;
  height: 300px;
  width: 500px;  
  left: 100px;
  bottom: 10px;
 }
 #slider button{
    font: size 40px; 
    background-size: 100px ;
    padding: 20px;
    background-color:black;
    border-radius: 30px;
 }
#slider button:hover{
  background-color: beige; 
  color:grey; 
}
 #about{
    text-align: center;
    background-color:grey ;
    margin-bottom: 20px;
    padding-bottom: 10px;
 }
 .twodivs{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
 }
 #charism{
    width: 40%;
 }
 #vision{
   width: 40%;
 }
 #charism img{
    width: 100px;
    height: 100px;
 }

  #vision img{
    width: 100px;
    height: 100px;
    margin-top: -22px;; 
 }
 #mission{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
 }
 .missionimg{
    width: 40%;
 }
 .desc{
    width: 40%;
    margin-left: 15px;
 }
 .missionimg img{
    width: 500px;
    height: 300px;
 }
 footer{
   background-color:grey;
   font-size: large;
   text-align: center;
   padding: 20px;
   color: white;
 }