/* Hero section styles */
#hero{
    height: 35rem;
    background: #f4f4f4 url(../images/Delivery-man-on-blank-BG.jpg) no-repeat top right;
    background-size: cover;
    display: flex;
    margin-top: -20em;
}
.hero-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10%;
}
.hero-text h2{
    color: #E41E26; 
    text-shadow: 1px 1px 1px #fff;
}
.hero-text h2 span{
    font-size: 3rem;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-stroke: 1px white;
}
/* Pulling the tracking box up a little bit*/
#trackBox{
    margin-top: -6em;
}
/* Styling Tracking System section */
.bgTrack{
    background: url(../images/Delivering.jpg) no-repeat center;
    background-size: cover;
    padding: 4em 2em;
    text-align: center;
}
.bgTrack h2{
    color: #E41E26;
    font-weight: 600;
    padding-bottom: 1em;
}
.bgTrack p{
    width: 100%;
    max-width: 650px;
    margin: auto;
    line-height: 2.5rem;
    font-size: 1.5rem;
}
/* Styling Why Choose Us section */
.whiteBG{
    background-color: #fff;
    padding: 1em;
    margin: 1em;
    box-shadow: 1px 1px 4px #d0d0d0;
}
.whiteBG h3{
    color: #E41E26;
}


@media screen and (min-width: 920px){
    #hero{
        margin-top: 0;
    }
}