/* FIX FOR MOBILE TEXT AREA WIDTH */
@media only screen and (max-width: 500px) {
    #contact-form textarea {
        width:212px;

    }
}
/* Jan, 2018 changes to add additional social icons and adjustments to header & logo to make room */
.company-image img{
    width: auto;
    max-width: 500px;
    max-height: 200px;
    margin: 2rem 0;
}
.nav-bar>li.social-media{
    padding: 0 0;
}
.nav-bar>li.social-media ul{
    margin: 0 0 1rem 0;
    float: left;
}
.nav-bar.top-right-navigation li.social-links{
    border: none;
    box-shadow: none;
    color: #B7CBCC;
    float: left;
}
ul.flyout li a, .nav-bar li ul li.social-links a {
    background: none;
    border: none;
    box-shadow: none;
    padding: 10px 0 0 10PX;
}
.nav-bar>li>ul li.social-links a i{
    position: relative;
    text-decoration: none;
    margin-right: 5px;
}
.nav-bar>li>ul li.social-links a > *{
    float: left;
}
@media only screen and (min-width: 768px){
    .company-image img{
        width: auto;
        max-width: 500px;
        max-height: 300px;
        margin: 1rem 0;
    }
    .nav-bar.top-right-navigation li.social-links {
        float: none;
    }
    .nav-bar>li>ul li.social-links a i{
        margin: 0;
    }
    .nav-bar>li>ul li.social-links a > *{
        float: none;
    }
    .nav-bar>li.social-media ul{
        margin: 0 10px 5px 0 ;
        column-count: 2;
    }
}
.nav-bar.top-right-navigation li ul li a,
.nav-bar.top-right-navigation li a {
    background: none !important;
    border-width: 0;
    border: none !important;
}

a .fa-svg:before {
    height: 20px;
    background-color: #FFF;
}
a:hover .fa-svg:before {
    background-color: #B7CBCC;
}
