body { font-family: 'Muli', sans-serif; font-size: 14px; line-height: 1.428; color: #000;  }
input, label, textarea, div {margin-bottom: 12px;}
a {color: #006c8f;}
.canvas { margin:0 auto;position:relative; }
a.button { background: #FFC82E; text-align: right; text-decoration: none; border-radius: 0; border: none; font-size: 2em; line-height: 1.5em; width: 90%; padding: 3px 10% 0 0; margin: 1.35714285714286em 0 0 0; }
a.button:hover { background-color: #ad211d; color: #fff; }
.link p { text-align: right; text-transform: uppercase; }
.red { color: #ad211d; }
.bottom { font-size: 1.14285714285714em; line-height: 2em; font-weight: bold; text-align: center; background-color: rgba(255, 255, 255, 0.75); margin: 0; }
p { margin-bottom: 0; }
.bottom p { padding: 0 3%; }

/* media queries */
@media screen and (max-width: 574px ) {
    .bottom p { font-size: 0.875em; line-height: 2em; }
}

@media screen and (max-width: 509px ) {
    .bottom p { font-size: 0.75em; line-height: 2em; }
}

@media screen and (max-width: 444px ) {
    .g5,.g10 { float: none; clear: both; }
    .bottom { display: block; }
    a.button { text-align: center; margin: 0 0 1em 0; padding: 0; width: 100%; }
    .logo { text-align: center; }
    .bottom p { font-size: 0.75em; line-height: 2em; padding: 0 20%; }
}

@media screen and (max-width: 320px ) {
    .bottom p { padding: 0 10%; }
}