﻿.com_container {
    width: 100%;
    /*border-color: green;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
}

.com_left {
    width: 33%;
    display: inline-block;
    /*border-color: orange;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
    align-content: center;
}

.com_center {
    width: 33%;
    display: inline-block;
    /*border-color: yellow;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
    align-content: center;
}
.com_right {
    width: 33%;
    display: inline-block;
    /*border-color: blue;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
    align-content: center;
}
/*  GRID OF THREE   ============================================================================= */

.two_col_container {
    width: 100%;
    /*border-color: green;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
}

.span_3_of_3 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.span_2_of_3 {
    width: 66.13%;
    display: inline-block;
    /*border-color: red;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
}

.span_1_of_3 {
    width: 32.26%;
    display: inline-block;
    /*border-color: yellow;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
}

.mapleft {
    width: 60%;
    display: inline-block;
    /*border-color: orange;
    border-style: solid;
    border-width: 5px;*/
    vertical-align: top;
}

/*.mapleft:after {
        content: "";
        display: inline-block;
        padding-bottom: 2%;
    }*/

.mapMiddle {
    width: 3%;
    display: inline-block;
}

.mapright {
    width: 32%;
    display: inline-block;
    /*border-color: chartreuse;
    border-style: solid;
    border-width: 5px;*/
}

.center_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_3_of_3 {
        width: 100%;
    }

    .span_2_of_3 {
        width: 100%;
    }

    .span_1_of_3 {
        width: 100%;
    }
}
