html, body {
    font-family: Lato;
    background-color: #f5f5f5; 
}
p, a, ol, ul,
h1, h2, h3, h4, h5, h6,
blockquote, table, div {
    font-family: Lato;    
}
p {
    margin: 5px 0;
}
h1 {
    padding: 0;
    margin: 0 0 18px 0;
    font-weight: 400 !important;
    font-size: 2em;
}
h2 {
    font-size: 1.75em;
    margin: 18px 0 4px  -10.58%; /* irl 18px 0 4px -10.58% */
}
h3 {
    font-weight: 400 !important;
    font-size: 1.5em;
    color: #606060;
    margin: 14px 0 4px 0;
}
h4 {
    font-size: 1.3em;
    margin: 4px 0;
}
h5 {
    font-weight: 400 !important;
    font-size: 1.15em;
    margin: 0px 0 4px 0;
}
h6 {
    font-weight: 400 !important;
    font-size: 0.75em;
    margin: 18px 0 0px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #606060;
}
a {
    text-decoration: none;
    color: #0093aa;    
}
a:hover {
    color: #d9212e;
}
a.button {
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #d9212e;
    color: #ffffff;
    padding: 11px 30px;
    margin: 18px 0;
}
a.button:hover {
    background-color: #000000;
    color: #ffffff;
}
a.cta {
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9em;
}
a.cta::after {
    content: "»";
    padding-left: 5px;
    font-size: 1.4em;
}
blockquote {
    margin: 44px 0 44px -36.1%;
    padding: 24px 15% 24px 36.1%;
    width: 100%;    background-color: #ffffff;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    overflow: hidden;
}
blockquote p {
    color: #606060;
    line-height: 2.2;
    font-size: 1.05em;
}
blockquote h2 {
    margin: 0 24px 0 0;
    float: left;
    width: 140px;
}
blockquote h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    font-weight: 400 !important;
    margin: 8px 0;
}
blockquote h5 {
    font-size: 1.5em;
    margin: 2px 0 12px 0;
}
ul {
    margin-left: 40px;
}
ol {
    margin-left: 40px;
}
li p {
    margin: 0;
}

hr {
    border-top: 1px solid #606060;
    height: 0;
    margin: 28px 0 0px 0;
}
img {
    margin: 10px 2% 18px 2% !important;
    max-width: 100%;
    height: auto !important;
}
figure {
    margin: 10px 0 18px 0 !important;
    width: 100% !important;
    height: auto !important;
}
figure img {
    width: 100% !important;
    margin: 0 !important;
    height: auto !important;
}
blockquote img {
    float: right !important;
    margin: 10px 0 18px 3% !important;
    width: 40% !important;
    height: auto !important;
}
blockquote figure {
    float: left !important;
    margin: 10px 3% 18px 0 !important;
    width: 40% !important;
    height: auto !important;
}
blockquote figure img {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
}

/* collapsable text fieldsets */

html.js fieldset.collapsible .fieldset-legend {
    background: none;
    padding-left: 0;
}
html.js fieldset.collapsible legend a {
    font-size: 1.5em;
    font-weight: 400;
}
html.js fieldset.collapsible legend a::after {
    content: "»";
    padding-left: 5px;
    font-size: 1.1em;
}
html.js fieldset.collapsible {
    border: none;
    padding: 14px 0;
}
html.js fieldset.collapsible div.fieldset-wrapper {
    margin-top: -12px;
}