body,html{
    width: 100%;
    margin: 0;
}
#history{
    width: 100%;
    text-align: center;  
}
#history img{
    width: 100%;
    /* height: 500px; */
    background-position: center;
    background-size: cover;
}
.founder{
    display: flex;
    width: 100%; 
    /* align-items: center;  
    justify-content: center; */
    /* background-color: aqua; */
}
h2{
    display: flex;
}
.founder img{
    margin-right: 80px;

}
.bac{
    width: 40%;
}

#charism{
    width: 100%;
    text-align: center;
}
#charism p{
    font-size: xx-large;
    font-family: Font Awesome 5 Free;
}

.all{
    width: 100%;
    display: flex;
}
.cross{
    width: 30%;
    height: 300px;
    background-image: url('../images/cross.png');
    background-size: cover;
    margin-right: 40px;
}

.exp{
    margin-top: 100px;
    width: 50%;
    /* background-color: aqua; */
}
.exp p{
    background-color: aquamarine;
}
#charism h{
    text-align: center;
}

#values{
    width: 100%;
    display: flex;
    
}

#values img{
width: 200px;
height: 150px;
background-color: skyblue;
}
.v1{
    width: 20%;
    color: blue;
    background-color: palevioletred;
    margin-right: 20px;
    margin-left: 80px;
} 
.v1{
    transition: 0.5s;
}
.v1:hover{
    transform: scale(1.5);
}
.v2{
    width: 20%;
    color: black;
    background-color: blueviolet;
    margin-right: 20px;
} 
.v2{
    transition: 0.5s;
}
.v2:hover{
    transform: scale(1.5);
}
.v3{
    width: 20%;
    color: black;
    background-color: aqua;
    margin-right: 20px;
} 
.v3{
    transition: 0.5s;
}
.v3:hover{
    transform: scale(1.5);
}
.v4{
    width: 20%;
    color: red;
    background-color: skyblue;
}
.v4{
    transition: 0.5s;
}
.v4:hover{
    transform: scale(1.5);
}
#sp{
    width: 100%;
    display: flex;  
    text-align: center;
}

h1{
    text-align: center;
    padding-top: 30px;
}
/* #sp .spi img{
    margin-left: 550px;
} */
#sp img{
    width: 250px;
    height:250px;
}
#sp p{
    text-align: center;
    justify-content: center;
    font-size: xx-large;
    margin-right: 100px;
    margin-left: 100px;

}
#sp button{
    color: blue;
    font-size: medium;
    background-color: aqua;
    padding: 20px;
    margin-left: 900px;
    margin-top: 50px;
    border-radius: 20px;
    margin-bottom: 20px;
}
#sp button:hover{
background-color: beige;
}