.head-msg {
    width: 100%;
    height: 50vh;
}

.whyus-img {
    background: linear-gradient(
        rgba(0,0,0,0.5),
        rgba(0,0,0,0.5)),
    url('../images/los-angeles-1768743_1920.jpg');
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: cover;
}

.msg-header {
    height: 42vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.msg-header h1 {
    width: 100%;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
}

.wu-wrapper {
    display: flex;
    flex-direction: column;
    height: 300px;
    width: 40%;
}

.wu-title, .wu-title h2,
.wu-msg, .wu-list {
    width: 100%;
}

.wu-title {
    height: 5.5em;
}

.wu-msg {
    height: 7em;
}

.wu-list {
    height: 6em;
}

.wu-img-wrapper {
    width: 40%;
    height: 300px;
}

.wu-img-holder {
    height: 300px;
    width: 450px;
}

.wu-img-holder:hover {
    box-sizing: border-box;
    box-shadow: 3px 3px 4px #1b1b1b;
}

.wu-img {
    width: 450px;
    height: 300px;
    box-sizing: border-box;
}

.wu-flexbox {
    display: flex;
    flex-direction: row;    
}


/* text props */

.wu-list-icon  {
    width: 5%;
    height: 2em;
}

.wu-list-icon i {
    font-size: 1em;
    color: #56a756;
}

.wu-text {
    width: 95%;
}

.wu-text p {
    font-size: 1em;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 
    'Lucida Grande', 'Lucida Sans Unicode', 
    Geneva, Verdana, sans-serif;
    font-weight: bold;
}



/*  media screen queries */

@media screen and (max-width: 550px) {
    .section {
        width: 100%;
        height:auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sec3 {
        background: #F0F0F0;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
        flex-direction: column-reverse;
    }
    
    .sec4 {
        background: #E3E3E3;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
    }
    
    .sec5 {
        background: #F7F7F7;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
        flex-direction: column-reverse;
    }
    
    .wu-img-holder {
        height: 300px;
        width: 450px;
    }

    .wu-img-wrapper {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
    }

    .wu-wrapper {
        display: flex;
        flex-direction: column;
        height: 300px;
        width: 100%;
    }

    .wu-title {
        text-align: center;
        width: 100%;
    }
    
    .wu-msg {
        height: 7em;
        width: 100%;
        text-align: center;
    }
    
    .wu-list {
        height: 6em;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width: 552px) and (max-width: 750px) {

    .section {
        width: 100%;
        height:auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sec3 {
        background: #F0F0F0;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
        flex-direction: column-reverse;
    }
    
    .sec4 {
        background: #E3E3E3;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
    }
    
    .sec5 {
        background: #F7F7F7;
        padding-top: 2em;
        padding-bottom: 2em;
        height: 850px;
        flex-direction: column-reverse;
    }
    
    .wu-img-holder {
        height: 300px;
        width: 450px;
    }

    .wu-img-wrapper {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
    }

    .wu-wrapper {
        display: flex;
        flex-direction: column;
        height: 300px;
        width: 100%;
    }

    .wu-title {
        text-align: center;
        width: 100%;
    }
    
    .wu-msg {
        height: 7em;
        width: 100%;
        text-align: center;
    }
    
    .wu-list {
        height: 6em;
        width: 100%;
        text-align: center;
    }
}