#logo img {
    padding: 0px;
}

@media screen and (min-width: 1200px) {
   
    .about {
        float: left;
        width: 387px;
        margin-right: 10px;
    }

    .contact {
        float: right;
    }

    .contactinfo input {
        margin-bottom: 10px;
        width: 100%;
    }

    .contact ul {
        list-style: none;
        padding: 0;
        list-style-type: none;
    }

    .contactinfo {
        padding-right: 20px;
        float: left;
        width: 382px;
    }

    .contactmessage {
        padding-top: 58px;
        float: left;
        width: 381px;
    }

        .contactmessage textarea {
            width:98%;
        }

    .contactmessage input {
        margin-top:10px;
    }
    
    .offices {
        clear: both;
    }

        .offices ul {
            list-style: none;
            padding: 0;
            list-style-type: none;
        }

    #california {
        background-image: url(../images/california.svg);
        background-position: center top;
        background-repeat: no-repeat;
        float: left;
        width: 585px;
        margin-right: 10px;
    }      

    #texas {
        background-image: url(../images/texas.svg);
        background-position: center top;
        background-repeat: no-repeat;
        float: left;
        width: 585px;
    }



    .principals {
        clear: both;
    }

        .principals ul {
            list-style: circle;
        }

    #ruck {
        float: left;
        width: 585px;
        margin-right: 10px;
    }


    #shockey {
        float: right;
        width: 585px;
    }
    
   
   .directors {
        /*width: 100%;*/
        clear: right;
        display: grid;
        grid-template-columns: auto auto;
        padding: 5px;
    }
    .consultants {
        
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        padding: 5px;
/*        max-width: 1152px;*/
    
    }
    
    .directors .bios img{
        height: 200px;
    }
    .consultantbox{
        margin-bottom: 10px;
    }

        
/* Create three equal columns that sits next to each other */
/*    .column {
       
        padding: 5px;
      }*/
}
    .bios {
        /*padding: 10px 0px 10px 0px;*/
       

    }

    .bios img {
        height:150px;
        border-radius: 10px;
        
    }
    #rsabios {
        
    }
    a:link {
        text-decoration:none;
    }
@media screen and (min-width: 800px) and (max-width: 1199px)  {
    .directors {
        width: 100%;
        clear: right;
        display: grid;
        grid-template-columns: auto auto;
        padding: 5px;
    }
    
    .directors .bios img{
        height: 200px;
    }
    
    .consultants {
        
        display: grid;
        grid-template-columns: auto auto;
        padding: 5px;
/*        max-width: 1152px;*/
    
    }
    .consultantbox{
        margin-bottom: 10px;
    }
    
}
@media screen and (max-width: 799px)  {
    
 .directors {
        width: 100%;
        clear: right;
        display: grid;
        grid-template-columns: auto auto auto;
        padding: 5px;
    }
    
 .directors .bios img{
        height: 200px;
    }
    div.directorbox:nth-child(1) > a:nth-child(2){
        display: inline-grid;
        width: 75%;
    }

    .consultants {
        
        display: grid;
        grid-template-columns: auto auto;
        padding: 5px;
        max-width: 1152px;
    
    }
    .consultantbox{
        margin-bottom: 10px;
    }
}
.banner {
        background-image: url(../images/contact-banner.png);       
    }