.spacing {
    height:40vh;
    background-image: url('officemtl1.jpg'); 
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5); 
    background-position: 10% 55%;
}


.about1 {
    background-color: #d0d6e2;
}

.about1 h2{
    font-size: 2rem;
    text-align: center;
    margin: 5vh 5vw 3vh 5vw;
}

.about1 h3{
    font-size: 1.1rem;
    margin: 0 15vw 5vh 15vw;
}

.about2 {
    background-color: #e0e4eb;
    text-align: center;
}

.about2 h2{
    font-size: 2rem;
    margin: 5vh 5vw 4vh 5vw;
}

.about2 h3{
    font-size: 1.2rem;
    margin: 0vh 5vw 5vh 5vw;
}

.about3 {
    color: white;
    background-color: #14181f;
}

.about3 h2{
    padding-top: 0;
    margin: 6vh 0 0 0;
    font-size: 2rem;
}

.about3 h3{
    padding: 0;
    margin: 4vh 3vw 6vh 0;
    font-size: 1.2rem;
}

.picabout3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about3 .picture {
    height: 35vh;
    margin: 5vh 0 5vh 0vw;
}

.about4 {
    background-image: url('candu.jpg');
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); 
    background-position: 30%;
}

.about4 .wrapper{
    background-color: rgba(250,250,250,.8);
    margin: 6vh 50vw 6vh 5vw;
}

.about4 .wrapper2{
    padding: 1vh 1vw;
}

.about4 h3{
    font-size: 1.3rem;
    margin: 4vh 5vw;
    padding: 0 3vw;
    line-height: 1.6rem;
    border-left: #14181f solid 2px ;
}

@media only screen and (max-width:1100px) {

    .about4 {
        background-position: 50% 50%;
    }

    .about4 .wrapper{
        background-color: rgba(250,250,250,.8);
        margin: 4vh 2vw;
    }

}

@media only screen and (max-width:450px) {

    .about3 .picture{
        height: 30vh;
    }
}