body 
{
    width: 100%;
    border-radius: 50px;
  
 }
 
#slider{
   width:100%;
   height: 400px;
   background-image:url(../images/SJT\ FINAL\ 2016.jpg);
    background-size:cover;
    font-size: larger;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: whitesmoke;
    margin-top: -25px; 
    padding-top: 80px;
                     
}
#slider button{
    background-color:bisque;
    padding: 18px;
    border-radius: 40px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
    #slider button:hover{
        background-color: beige;
    }
    #about{
        gap: 50px;
        text-align: center;
        margin-bottom: 20px;
    }
    .twodivs{
        gap: 200px;
         width: 100%;
        display:flex;
        align-items:center;
        justify-content:center;
       
    }
    #charism{
        width: 30%;
        font-family: Arial, Helvetica, sans-serif;
        font-style: 10px;
        
    }
    #vision{
        width: 25%;
        font-family: Arial, Helvetica, sans-serif;
        font-style: 10px;
        forced-color-adjust: 10px;
    }
 #charism img{
    width: 50px;
    height: 50px;
 }
 #vision img{
    width: 50px;
    height: 50px;
 }
   #about button{
    background-color:bisque;
    padding: 18px;
    border-radius: 40px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
    #about button:hover{
        background-color: beige;
    }


 #mission{
    gap: 90px;
    display: flex;
    width: 100%;
    
 }
.images{
    margin-left: 60px;
    width:40%;
    
    
}
.desc{
    width: 40%;
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif

}
.images img{
    width: 100%;
    height: 400px;
    border-radius: 50px;

}