@import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
header { position: relative; background: url('https://www.bradfield-ringing-course.org.uk/images/header.jpg') top center no-repeat; background-size: 750px 305px; height: 270px; margin-top: 0px; }
header h1 { display: inline-block; width: 209px; height: 0px; overflow-y: hidden; padding-top: 80px; background: url( '/images/logo-wide.png' ) no-repeat; background-size: 209px 80px; margin: 0.35em 1.85em; }
body { font-family: "Open Sans", sans-serif; background-color: #2B3C25; }
body { background-image: url('https://www.bradfield-ringing-course.org.uk/images/bg.jpg'); background-position: top center; background-repeat: no-repeat !important; background-size: 100vw !important; margin-top: 0px; }
h1, h2, h3, h4 { font-family: "Averia Sans Libre"; font-weight: 700 !important; text-shadow: 1px 1px 1px rgba( 0, 51, 0, 0.15 ); word-break: keep-all; }
h1 { font-size: 2.0em !important; }
h2 { font-size: 1.8em !important; margin: 0.35em 0em !important; }
h3 { font-size: 1.6em !important; }
article { padding: 0.5em; margin-bottom: 0 !important; border-bottom: none !important; }
div.site { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; }
div.question { background-color: #eee; padding: 2em 1em; margin-bottom: 1em; }
div.answer { text-align: center; position: relative; margin-top: 1em; }
div.buttons { clear: both; }
div.buttons input { display: none; }
div.buttons div.minmax { width: 90%; margin: auto;}
div.minimum, div.maximum { display: inline-block; width: 40%; padding: 0.75em; }
div.minimum { float: left; text-align: left; }
div.maximum { float: right; text-align: right; }
div.button { display: inline-block; width: 15%; background-color: #2B3C25; border: solid 3px #2B3C25; padding: 0.75em; color: white; font-weight: bold; }
div.button:hover { background-color:rgb(168,182,141); cursor: pointer; color: #2B3C25; }
div.button.highlighted { background-color: #CAFFB7; color: #2B3C25; }
div.button.disabled { background-color: #DDD; cursor: inherit; color: #CCC; border: solid 3px #CCC; }
select.option { margin-bottom: 1em; }
div.comments { margin-top: 1em; }
textarea.form-control { height: 6em; }

/* Large mobiles (360px and up) */
@media (min-width: 360px) {

HEADER H1 { display: inline-block; width: 256px; height: 0px; overflow-y: hidden; padding-top: 98px; background: url( '/images/logo-wide.png' ) no-repeat; background-size: 256px 98px; margin: 0.35em 1.85em; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

HEADER { position: relative; background: url('https://www.bradfield-ringing-course.org.uk/images/header.jpg') top center no-repeat; background-size: 750px 305px; height: 305px; margin-top: 0px; }
HEADER H1 { display: inline-block; width: 315px; height: 0px; overflow-y: hidden; padding-top: 120px; background: url( 'https://www.bradfield-ringing-course.org.uk/images/logo-wide.png' ) no-repeat; background-size: 315px 120px; margin: 0.35em 1.5em; }

HEADER SPAN.menu { display: none; }
HEADER NAV { position: absolute; display: block; font-size: 0.65em; top: auto; bottom: 0; left: 0; width: 100%; }
HEADER NAV UL { padding: 0.25em 1em; margin: 0; background-color: rgba( 255, 255, 255, 0.5 ); border-top: solid 1px rgba( 255, 255, 255, 0.65 ); border-bottom: solid 1px rgba( 255, 255, 255, 0.65 ); }
HEADER > NAV > UL > LI { display: inline-block; border-top: none; }
HEADER NAV UL LI UL { display: none; position: absolute; top: 100%; left: 0px; width: 100%; }
ARTICLE { padding: 2em; }

LABEL { position: relative; }
LABEL SPAN.if { position: absolute; bottom: -1.2em; right: 0; margin-left: 0; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

HEADER { position: relative; background: url('https://www.bradfield-ringing-course.org.uk/images/header.jpg') top center no-repeat; background-size: 970px 394px; height: 394px; margin-top: 0px; }
HEADER H1 { display: inline-block; width: 354px; height: 0px; overflow-y: hidden; padding-top: 135px; background: url( 'https://www.bradfield-ringing-course.org.uk/images/logo-wide.png' ) no-repeat; background-size: 354px 135px; margin: 0.65em 1.85em; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

HEADER { position: relative; background: url('https://www.bradfield-ringing-course.org.uk/images/header.jpg') top center no-repeat; background-size: 1170px 476px; height: 476px; margin-top: 0px; }
HEADER NAV { font-size: 0.75em; }

}