body { font-family: 'Muli', sans-serif; font-size: 14px; line-height: 1.428; color: #000; border: 3px solid #a7aa37; }
body.winter { border-color: #009fe3; }
a {color: #006c8f;}
.canvas { margin:0 auto;position:relative; }
a.button { background: #009fe3; text-align: center; text-decoration: none; border-radius: 0; border: none; font-size: 1.71428571428571em; line-height: 1.5em; width: 90%; padding: 0; margin: 0 0 1em 0; color: white; text-transform: uppercase; }
.enquire a.button { background: #a7aa37; }
a.button:hover { background-color: white; color: #009fe3; }
.enquire a.button:hover { color: #a7aa37; }
.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; text-align: center; }
.bottom p { padding: 0 3%; }
.logo img { margin: 5%; }
.mod_article { padding: 0; margin: 0; }

/* media queries */
@media only screen and (min-width: 48em ) {
    p { text-align: left; }
    a.button { font-size: 1.28571428571429em; margin: 7.22222222222222em 0 0 0; padding: 3px 5% 0 5%; width: 100%; }
}

@media only screen and (min-width: 62em ) {
    a.button { width: 90%; }
}

@media only screen and (min-width: 75em ) {
    a.button { font-size: 1.71428571428571em; margin: 5.33333333333333em 0 0 0; }
}