/*******  GaZoobie 12.17
************************************/
* {
    box-sizing: border-box;
}
.container {
    width: -webkit-fill-available;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    justify-content: center;
}
.column, .columns {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    flex-direction: column;
    align-items: stretch;
    padding: 0 5px;
    height: fit-content;
}
.row {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.container ul, .container ol {
    margin-left: 3%;
    margin-right: 10px;
}
.container.centerstack {
    flex-flow: column;
    align-items: center;
}
.one {
    flex-basis: 7.333333%;
}
.two {
    flex-basis: 15.66666%;
}
.three, .qrt {
    flex-basis: 25%;
}
.four, .one-third {
    flex-basis: 33.333333%;
}
.five {
    flex-basis: 40.666666%;
}
.six, .half {
    flex-basis: 50%;
}
.seven {
    flex-basis: 57.333333%;
}
.eight {
    flex-basis: 65.666666%;
}
.nine {
    flex-basis: 75%;
}
.ten {
    flex-basis: 82.333333%;
}
.eleven {
    flex-basis: 90.666666%;
    ;
}
.twelve {
    flex-basis: 100%;
}
.span {
    flex: 1;
}
figure iframe {
    max-width: 100%;
    margin: auto;
}
/* Form Flex */
.form-row {
    margin: 12px 0;
    flex-direction: column;
}
/* Container Specialty Classes
------------------------------------- */
.fullwidth {
    max-width: 100%;
    padding: 0;
}
.justifyleft {
    justify-content: flex-start;
}
.justifyright {
    justify-content: flex-end;
}
.colcenterhrz {
    align-content: space-around;
}
.colcentervrt {
    align-items: center;
}
/* Column Specialty Classes 
--------------------------------------*/
.automargin {
    margin: 0 auto;
}
.maxwidth {
    align-items: stretch;
}
.centerhrz {
    align-content: center;
    justify-content: center;
}
.centervrt {
    align-content: center;
    align-items: center;
    text-align:center;
}
/* Row align */
.rowright {
   justify-content: flex-end; 
}
.mobileshow {
    display: none !important;
    visibility: hidden !important;
}

/* Mobile Flex
*****************************************************/

@media all and (max-width: 768px) {
    .one, .two, .three, .qrt, .four, .one-third, .five, .six, .seven, .eight, .nine, .ten, .eleven  {
        flex-basis: 100%;
    }
    .column, .columns {
    padding: 0 15px;
}
.container .column .container .column {
    padding: 0;
    margin: 0;
}
    /* Mobile Specialty Classes */
    .mobileDouble {
        flex-basis: 50% !important;
        flex-flow: wrap;
    }
    .mobileTriple {
        flex-basis: 33.333% !important;
        flex-flow: wrap;
    }
    .mobileclear, .mobilebreak {
        clear: both;
        display: block;
        overflow: hidden;
    }
    .mobilehide {
        display: none !important;
        visibility: hidden !important;
    }
    .mobileshow {
        display: inherit !important;
        visibility: visible !important;
    }
}