﻿.imageFloat {
    display: flex;
    margin: 0 auto
}
.imageFloat.rightFloat {
    flex-direction: row-reverse;
}
.imageFloat img {
    height: auto;
}

.imageFloat h3, .imageFloat .callOut {
    color: #000 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-family: futura pt book !important;
    font-size: 20px !important
}
.imageFloat h2, .imageFloat .slider-title-grey {
    color: #9e9b9c !important;
    width: 100% !important;
    text-transform: uppercase !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 30px !important;
    line-height: 30px !important;
    display: block !important;
}
.imageFloat.top {
    align-items: flex-start;
}
.imageFloat.center {
    align-items: center;
}
.imageFloat.bottom {
    align-items: flex-end;
}
.imageFloat.shaded img {
    box-shadow: 0px 0px 10px #000;
}

.imageFloat.imgleft {
    flex-direction: row;
}
.imageFloat.imgleft img {
    margin-right: 10px
}
.imageFloat.imgright {
    flex-direction: row-reverse;
}
.imageFloat.imgright img {
    margin-left: 10px
}
.imageFloat.imgtop {
    flex-direction: column;
}
.imageFloat.imgbottom {
    flex-direction: column-reverse;
}
.imageFloat.copyvertcenter {
    align-items: center;
}
.imageFloat.copyhoriright {
    text-align: right;
}
.imageFloat.copyhorileft {
    text-align: left;
}
.imageFloat.copyhoricenter {
    text-align: center;
}