.headerinfowrap {
    text-align: left;
    font-size: .975rem;
    font-weight: 400;
    color: #fff;
    background: #2d2f30;
    padding: .75rem;
    margin-bottom: 15px;
    transition: all .5s;
    /* border-bottom: 1px solid grey; */
}

.reduced .headerinfowrap {
    text-align: left;
    font-size: .975rem;
    font-weight: 400;
    color: #fff;
    background: #2d2f30;
    padding: .15rem;
    margin-bottom: 0px;
    transition: all .5s;
    /* border-bottom: 1px solid grey; */
}

#mainwrapstart, #sidebar, .headerinfowrap .gap {
    display: block;
    width: 100%;
}

.headerinfowrap .gap {
    margin-right: 1%;
    font-size: .75rem;
}

.headerinfowrap .gaphide1 {
    display: none;
}

.fa {
    font-size: 1.75rem;
    /* margin-right: 1rem; */
    /*! font-weight: 500; */
}

header .fa.fa-envelope, header.fa.fa-home, .fa.fa-map-marker, .fa.fa-phone {
    color: #fff;
    font-size: .975rem;
    margin-right: 5px;
    /* font-weight: 300; */
}

@media only screen and (min-width: 481px) {
.headerinfowrap .gap {
        margin-right: 1%;
        font-size: .75rem;
        width: inherit;
        display: inline-block;
    }

    .headerinfowrap .gaphide1 {
        display: inline-block;
    }
 }

@media only screen and (min-width: 600px) {
    #headernav {
        clear: none;
        display: none;
        z-index: 11000;
        margin-bottom: 0px;
        text-align: right;
        color: #fff;
    }
}
@media only screen and (min-width: 768px) {
    #headernav {
        /* display: block; */
        z-index: 11000;
        /* text-align: right; */
        /* background: #fff; */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        /* margin-right: 10px; */
        /* width: 40%; */
        float: right;
        /* float: left; */
    }
#headernav ul {
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 0%;
    }
}

@media only screen and (min-width: 820px) {
    #headernav {
        display: block;
    }
}
@media only screen and (min-width: 860px) {
    .headerinfowrap .gap {
        margin-right: .5%;
        font-size: .75rem;
    }
.headerinfowrap .gaphide1 {
        display: inline-block;
    }
 

    .headerinfowrap .gap:last-child {
        margin-right: .5%;
    }
}
@media only screen and (min-width: 985px) {
    .headerinfowrap .gap {
        margin-right: 2%;
        font-size: .875rem;
    }
    #headernav ul li {
        font-size: .875rem;
        margin: 0;
        padding: 0;
    }
}
@media only screen and (min-width: 1150px) {
    .headerinfowrap .gap {
        margin-right: 4%;
    }
}