body {
    font-family: "proxima-nova", open sans, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    color: #4d4d4d; /* update this to site body colour */
    padding:0;
    margin:0;
}
h2 {
    font-size: 55px;
    font-weight: 100;
    margin: 0;
}
.white-text h2 {
    color: #fff;
}
.red-text h2 {
    color: #C10230;
}
h3, h4, h5, h6, p {
    margin-left: 1em;
    margin-right: 1em;
    font-weight: 100;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
    max-width: 100%;
}
img {
    height:auto !important;
}

.clear-float {
    clear:both;
}

.highlight {
    color:#C10230;
    font-size:30px;
}

.button {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    height: 45px;
    max-width: 100%;
    color: #FFF;
    background-color: #C10230;
    border: none;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.button:hover {
    color: #FFF;
    background-color: #333;
}

img.display-left {
    float:left;
    max-width: 50%;
    margin-right:20px;
    margin-bottom:10px;
}

img.display-right {
    float:right;
    max-width: 50%;
    margin-left:20px;
    margin-bottom:10px;
}
.white-bg {
    background-color: #FFF;
}
.light-grey-bg {
    background-color: #F2F2F2;
}
.dark-grey-bg {
    background-color: #E6E6E6;
}
.pink-bg {
    background-color: #C10230;
}


@media only screen and (max-width: 760px){
    img.display-left,
    img.display-right {
        float: none;
        max-width: 100%;
        margin: 20px 0;
    }
}