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

 #slider{
    width: 100%;
    height: 400px;
    background-image:url("../images/sistersstjosephkenya.jpg");
    margin-top: -35px;
}
/* .soiz{
  
   width: 300px;
    height: 100px;
    background-color: aquamarine;
     
} */
    
    

#slider button{
    padding: 20px;
    margin-left: 10px;
}
#slider button:hover{
    background-color: blue;
    color: white;
}
#slider h1{
font-size:50px ;

}




#about{
    text-align: center;
}
#twodivs{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}
.charism{
    width: 40%;
    box-shadow: 2px 2px 5px red, -2px -2px 5px blue;
    padding: 10px;
}


.charism img{
    width: 100px;
    height: 100px;
}
.vision img{
    width: 100px;
    height: 100px;

}
.vision{
    width: 40%;
    box-shadow: 2px 2px 5px red, -2px -2px 5px blue;
    padding: 10px;

}
#mission{
    display: flex;
    width: 100%;
}
.img{
    width: 40%;

}
.missionimage{
    width: 40%;
}
.desc{
    align-items: center;
    width: 40%;
}
.desc button{
    padding: 20px;
    margin-left: 10px;
}
.desc button:hover{
    background-color: blue;
    color: white;
}
.missionimage img{
    width: 300px;
    height: 200px;
    

}
#footer{
    width: 100%;
    height: 250px;
    background-color: bisque;
    display: flex;
}

.footer1 {
    width: 25%;
    text-align: center;
}

.footer1 img{
     width: 30px;
    height: 30px;
}

.footer2 {
    width: 25%;
    height: 180px;
    
}

.footer2 img{
    width: 50px;
    margin: 10px;
    text-align: center;
}

.footer3 {
    width: 25%;
    margin: 10px;
    text-align: center;
}
.footer3 ul{
    list-style: none
}

.footer4 {
    width: 25% ;
    height:180px ;

}
.footer4 img{
    width: 15px;
    height: 15px;
    

}
.ft1{
    display: flex;
}