body {
    background: #ffffff;
    font-size: 13px;
    font-family: 'Open Sans', Helvetica;
    color: #000000;
    margin: 0px;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.headerTop {
    margin-bottom: 25px;
    margin-top: 25px;
    min-height: 50px;
    background: #24394B;


}

a.footer {
    color:#ffffff;
    text-decoration: none;
}

a.footer:hover {
    color:#ffffff;
    text-decoration: none;
}

a.footerStatic {
    color:#FAC817;
    text-decoration: none;
}

a.footerStatic:hover {
    color:#FAC817;
    text-decoration: underline;
}


.card-img-overlay {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.square {
    float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-color:#1E1E1E;
    overflow:hidden;
}

.contentSquare {
    position:absolute;
    height:90%; /* = 100% - 2*5% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 5%;

}