@media screen and (min-width: 500px) {
    #contact {
        display: inline;
    }
    #header-logo {
        width: 18%;
    }
    #nav {
        width: 60%;
    }
}

@media screen and (min-width: 1023px) {
    #header-logo {
        width: 15%;
    }
    #contact {
        
        width: 25%;
        font-size: 20px;
    }
    #nav {
        width: 60%;
    }
    #nav ul li  {
        margin: 0; padding: 0 0 0 10px;    
    }
    #nav ul li a {
        font-size: 20px;    
        padding: 0 15px 0 15px;
    }

    #icon-container {
        width: 75%;
        margin: auto;
    }
    .value-prop {
        width: 50%;
        margin: 0;
    }
    .img-group {
        width: 50%;
    }
    #footer-logo {
        display: inline-block;
        width: 18%;
    }
    #footer-quote {
        width: 64%;
    }
    #footer-logo-beanie {
        display: initial;
        text-align: center;
        width: 18%;
    }
    .img-small {
        width: 90%;
        margin: auto;
    }
}
@media screen and (min-width: 1325px) {
    h2 {
        font-size: 2em;
    }
    #header {
        height: 180px;
    }
    #header-logo {
        background: url(../images/headerUpdate.jpg) no-repeat;
        width: 35%;
    }
    #nav ul li a {
        font-size: 20px;    
        padding: 0 25px 0 25px;
    }
    #contact {
        font-size: 24px;
    }
 
    #service-list {
        width: 70%;
    }
    .img-group {
        width: 50%;
        padding: 0;
    }
    #services ul {
        width:50%;
        margin: auto;
    }
    #services ul li {
        padding: 10px;
    }
        .img-small {
        width: 75%;
        margin: auto;
    }

}
@media screen and (min-width: 1500px) {
    h2 {
        font-size: 36px;
    }
    h4 {
        font-size: 22px;
    }
    #header {
        height: 160px;
    }
    #nav ul li  {
        margin: 0;
        padding: 0 15px 0 15px;    
    }
    #icon-container {
        width: 80%;
        margin: auto;
    }
    .value-prop {
        width: 25%;
    }
    .verbage {
        width:65%;
        margin: auto;
    }
    #services ul {
        width:65%;
        margin: auto;
    }
    #footer-quote {
        width: 90%;
    }
    .video {
        width: 50%;
        margin: 0;
    }
        .img-small {
        width: 50%;
        margin: auto;
    }

}