﻿.imageFloat {
    display: flex;
    margin: 0 auto
}
.imageFloat.rightFloat {
    flex-direction: row-reverse;
}
.imageFloat img {
    height: auto;
}
.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;
}
.copyverttop img {
    align-self: flex-start;
}
.imageFloat a {
    color: #f00d2b;
    text-decoration: none;
}
    @media (max-width: 768px) {
        .imageFloat {
            flex-direction: column !important;
            width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .imageFloat.imgleft,
        .imageFloat.imgright {
            flex-direction: column !important;
        }
        .imageFloat .widerMan,
        .imageFloat a.widerMan {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .imageFloat img {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            display: block;
        }
        .imageFloat.imgleft img,
        .imageFloat.imgright img {
            margin: 0 !important;
        }
        .imageFloat .listOneText {
            width: 100% !important;
            max-width: 100% !important;
        }
    }
