/* NEW SITE UPDATE STYLES */

.main-page-div {
    margin: 10px;
}

.home-header-banner-img {
    width: 100%;
}

.truck-img-div {
    width: 100%;
}

.truck-img {
    width: 40%;
}

.hr-div {
    padding: 50px 50px;
}

.hr-1 {
    width: 21%;
}

.hr-2 {
    width: 18%;
}

.hr-3 {
    width: 15%;
}

.hr-4 {
    width: 12%;
}

.hr-1, .hr-2, .hr-3, .hr-4 {
    border: 3px solid black;
    margin: 20px 0;
}

@media screen and (max-width: 1100px) {
    .truck-img {
        width: 60%;
    }
}

@media screen and (max-width: 850px) {
    .hr-div {
        padding: 20px 50px;
    }
}

@media screen and (max-width: 600px) {
    .logo-img {
        width: 40%;
    }
    
    .hr-1 {
        width: 32%;
    }
    
    .hr-2 {
        width: 28%;
    }
    
    .hr-3 {
        width: 24%;
    }
    
    .hr-4 {
        width: 20%;
    }
    
    .hr-1, .hr-2, .hr-3, .hr-4 {
        border: 2px solid black;
    }
}

@media screen and (max-width: 450px) {
    .hr-1 {
        width: 47%;
    }
    
    .hr-2 {
        width: 40%;
    }
    
    .hr-3 {
        width: 32%;
    }
    
    .hr-4 {
        width: 25%;
    }
}

@media screen and (max-width: 375px) {
    .logo-img {
        width: 50%;
    }
}

/* END NEW SITE UPDATE STYLES */