.intro{
    width: 80%;
    margin-top: 1vh;
    margin-right: 10%;
    padding: 1vh;
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    background-color: #edf2f4;
}

.intro-item{
    color: #1d3557;
    /* background-color: rgb(230, 234, 239); */
    width: 30%;
    padding: 1vh;
    box-sizing: border-box;
}

.intro .intro-item .intro-item-head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #1d3557;
    border-bottom: 1px solid #1d3557;
}

.intro .intro-item .intro-item-head img{
    width: 10%;
}

.intro .intro-item .intro-item-head h2{
    width: 80%;
}

.intro .intro-item .intro-item-body{
    /* padding: 1vh;
    box-sizing: border-box; */
}

.intro .intro-item .intro-item-inner-body{
    /* padding: 1vh; */
    /* box-sizing: border-box; */
}

.intro .intro-item .intro-item-body p{
    width: 80%;
    margin-right: 10%;
    text-align: justify;
}

@media screen and (max-width:900px){
    .intro{
        flex-direction: column;
    }
    
    .intro-item{
        width: 100%;
        margin-top: 1vh;
    }
}