/*******  GaZoobie 12.13
************************************/
* {
    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;
    align-content: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    flex-direction: column;
    align-items: stretch;
    padding: 0 5px;
}
.column .column {
    padding: 0;
}
.row {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.column > .container {
    width: -webkit-fill-available;
    width:100%;
}
.container ul, .container ol {
    margin-left: 5%;
    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;
}
.fullwidth {
    max-width: 100%;
    padding: 0;
}
/* Column align */
.automargin {
    margin: 0 auto;
}
.col-maxwidth, .stretch-columns {
    align-items: stretch;
}
.centerhrz {
    align-content: center;
    justify-content: center;
}
.centervrt {
    align-content: center;
    align-items: center;
    text-align:center;
}
/* Row align */
.row-right {
   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%;
    }
    .container .columns .container, .columns .columns {
        padding: 0;
        margin: 0;
    }
    /* Mobile Specialty Classes */
    .mobileDouble {
        flex-basis: 49% !important;
        flex-flow: wrap;
    }
    .mobileTriple {
        flex-basis: 32.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;
    }
}