body,html{
    width: 100%;
    margin: 0;
}
.intro{
    text-align: center;
}
.mission{
    text-align: center;
    display: flex;
    width: 96%;
    height: 300px;
    margin: 10px;
     box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
.sisters{
    width: 40%;
    background-image: url('../images/healthcare.jpg');
    background-size: cover;
}

.sisters img{

   width: 400px;
   height: 200px;
}
.desc{
    width: 40%;
    
}

.vision{
    width: 97%;
    text-align: center; 
     background-color: rgba(17, 196, 130, 0.897);
     padding: 15px;
}
.vision img{
    width: 300px;
    height: 300px;
}
 .Ministries{
    width: 100%;
     text-align: center;
 }
.Apostolates{
    width: 100%;
    display: flex; 
    align-items: center;
    justify-content: center;
}
.visit{
    width: 22%;
}
.visit img{
    width: 200px;
 height:300px ;
}
.Healthcare{
    width: 22%;
}
.Healthcare img{
width: 200px;
 height:200px ;
}    
.education{
    width: 22%;
}

.education img{
    width: 200px;
    height:300px ;
}
.Social{
width: 22%;

}
.Social img{
    width: 200px;
    height: 300px ;

}
.promotion{
    width: 22%;
}
.promotion img{
    width: 200px;
    height: 300px ;
}