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

#slider{
    width: 100%;
    height: 400px;
    background-image: url(../images/sisters3.jpg);
    background-size: cover;
 background-position: center;
 /* margin-top: -40px; */
 padding-top: 80px;
 
}
#slider h2{
    position: relative;
    left: 20px;
    top: 20px;
    margin-top: 100px;
    padding: 10px 20px;
    
}
#slider h2{
    font-size:40px ;
    width: 200px;
    font-family: 'Times New Roman', Times, serif;
    color: white;
    background-color:skyblue;
}
#slider button{
    padding: 15px 15px;
    color: brown;
    font-size: 20px;


}
#slider button:hover{
    color: blue;
}
#about{
    text-align: center; 
     background-color: #f9f6e7;
}
#about h2 {
color: blue;
}
.twodivs{
    display: flex;
text-align: center;
}
.charism img{
    width: 50px;
    height: 50px;
}
.vision img{
    width: 50px;
    height: 50px;
}
#mission{
    display: flex;
    width: 100%;
     background-color: #f9f6e7;
}
.image{
    width: 40%;
}
.mission{
    width: 40%;

}
.mission h1{
    color: blue;
}
.image img{
    width: 300px;
    height: 400px;
}
/* #footer{
    width: 100%;
    height: 250px;
    background-color: rgb(6, 6, 224);
    display: flex;
}
.footer1{
     width: 25%;
}
 .footer1 img{
    width: 50px;
    height: 50px;
 }  

.footer2{
    width: 25%;
    text-align: center;
}
.footer2 img{
    width: 25px;
    height: 25px;
    padding: 20px;
}
.footer3{
    width: 25%;
    text-align: center; 
}
.footer3 ul{
    list-style: none;
    color: black; 
}
.footer4{
    width: 25%;  
}
.footer4 img{
    width: 25px;
    height: 25px;
}
.ft1{
    display: flex;
}
.ft2{
    display: flex;
}
.ft3{
    display: flex;
} */