.flex-container
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.flex-items-default
{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-align: center;
    padding: 15px;
    margin: 15px;
    background-color: #eaeaea;
    border: 1px solid #999999;
    border-radius: 5px;
}

.flex-item-1
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-2
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-3
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-4
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-5
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-6
{
    width: <property unused>
    height: <property unused>
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}

.flex-item-7
{
    width: <property unused>
    height: <property unused>
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 300px;
}

/* Put your custom styles here */

.link-footer
{
    font-family: 'Michroma', 'Lato', 'Helvetica', Arial, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
}

.bg-navy
{
    background-color: #153276;
}

.span-small
{
    font-size: 9px;
    color: #fffd00;
    font-weight: bold;
}

.header .hero h2
{
    color: #ffffff;
    font-family: 'Michroma';
    text-transform: uppercase;
}

.underheronav
{
    font-family: Michroma;
    text-transform: uppercase;
    font-size: 10px;
}

.text-mich
{
    font-family: Michroma;
}

.bg-cssblue
{
    background-color: #00548F;
}

.bg-cssgrey
{
    background-color: #c2c0c0;
}

.bg-subpage-hero1
{
    background-attachment: fixed;
    background: url("../images/bg-hero1.jpg") center top no-repeat;
    background-color: #00436E;
    background-size: cover;
}

.bg-subpage-hero3-test
{
    background: url("../images/bg-hero3-test.jpg") center top no-repeat;
    background-size: cover;
    background-color: #00436E;
}

.push-marginleft-small
{
    margin-left: 20px;
}

.testi
{
    font-size: 18px;
    font-family: 'Droid+Serif', Georgia;
}

.underline-hr-wh
{
    border-color: #ffffff !important;
}

.bg-subpage-hero2
{
    background: url("../images/bg-hero5-how.jpg") center top no-repeat;
    background-size: cover;
    background-color: #00436E;
}

.bg-subpage-hero3
{
    background: url("../images/bg-hero6-serv.jpg") center top no-repeat;
    background-size: cover;
    background-color: #00436E;
}

.social-top
{
}

.social-top
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}