@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,700&subset=latin-ext');

html, body { min-width: 100%; min-height: 100%; }
body { background: #e9f7fc; background: linear-gradient(to bottom, #afe1f1 0px, #e9f7fc 1100px); font-size: 13px; line-height: 1.5; font-family: 'Roboto Slab', 'Times New Roman', serif; color: black; }
#container { width: 95%; max-width: 900px; min-height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; }
#header { background: url('clouds.png') no-repeat top center; min-height: 109px; position: relative; margin-top: 1em; }
#header nav { background: white; width: 98%; margin-left: 1em; margin-right: 1em; font-family: 'Roboto', arial, helvetica, sans-serif; position: absolute; top: 1em; left: 0; right: 0; }
#header nav input, #header nav button { display: none; }
#header nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
#header nav ul:after { content: ""; display: table; clear: both; }
#header nav ul li { padding: 0; margin: 0; float: left; flex-grow: 1; text-align: center; }
#header nav a:link, header nav a:visited { display: block; text-decoration: none; color: #472402; font-weight: bold; padding: 0.2em 0.4em; font-size: 1.15em; border-radius: 0.2em; transition: background 0.1s ease-in-out, box-shadow 0.1s ease-in-out }
#header nav a:hover, header nav a:active { box-shadow: 0 0 0.1em 0.1em rgba(71, 36, 2, 0.3); background: rgba(0, 0, 0, 0.1); }
#header h1 { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 2.7em; font-weight: bold; background: url('logo.png') no-repeat left center; padding-left: 110px; min-height: 127px; line-height: 90px; margin: 0 24px; position: relative; top: 1.35em; z-index: 10; }
#header h1 a { display: inline-block; vertical-align: middle; line-height: 1.1; color: black; text-decoration: none; }
#header h1 small { display: block; font-size: 0.6em; color: #472402; }

#top { background: #e0f6fc url('top.png') no-repeat center 60px; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-top: -54px; padding: 110px 24px 0 24px; }
#main { margin-top: 24px; padding: 24px; background: white; font-size: 1.1em }
#forest { background: url('forest.png'); margin: -18px -24px 0 -24px; padding: 24px; height: 608px; position: relative; }

#main a:link, #main a:visited { color: #906517; text-decoration: none; }
#main a:hover { color: #472402; text-decoration: underline; }

#footer { background: #725231; color: #d6c4a6; font-family: 'Roboto', arial, helvetica, sans-serif; position: relative; overflow: hidden; padding-top: 24px; margin-top: 24px; }
#footer .row { padding: 0 48px 0 200px; }
#footer .second { background: #968d7d; color: #e7dccb; line-height: 2; margin-top: 1em; }
#footer a:link, #footer a:visited { color: #e7dccb; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: white; }
#footer .trees { position: absolute; left: 0; bottom: 0; background: url('footer-trees.png'); width: 162px; height: 174px; }
#footer p { margin-top: 0; }
#footer nav ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 2em; }
#footer nav ul li { margin: 0; padding: 0; }
#footer h4 { margin: 0; margin-bottom: 0.3em; }
#footer .row>div { padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', arial, helvetica, sans-serif; margin-top: 0; }

article header { padding-top: 8px; line-height: 1.76em; }
article header h1 { margin: 0; font-size: 1.6em; }
article { margin-bottom: 3em; }
article header .date { width: 142px; height: 41px; background: url('date.png') no-repeat center center; text-align: center; line-height: 41px; font-weight: bold; font-family: 'Roboto', arial, helvetica, sans-serif; color: #472402; font-size: 1.2em; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.4); float: right; margin-left: 1.5em; }
article header:after { content: ""; display: table; clear: both; }
article h1, article h2, article h3, article h4, article h5, article h6 { margin-bottom: 0em; }
article header+h1, article header+h2, article header+h3, article header+h4, article header+h5, article header+h6 { margin-top: 1em; }
article section { margin-bottom: 2em; }

#main>.row { margin-left: -24px; margin-right: -24px; }
#main>h1 { margin-top: 0; margin-bottom: 0.2em; }

table.table { border-collapse: collapse; }
table.table td, table.table th { padding: 0.4em 1em; }
table.table-border td, table.table-border th { border-bottom: solid 0.1em #c0c0c0; }
table.table-border tr:last-of-type td { border-bottom: none; }
table.table-striped tr:nth-child(2n) td, table.table-striped tr:nth-child(2n) th { background-color: #e0e0e0; }

article.box { border: solid 0.1em #e0e0e0; padding: 24px; }
article.box header { background: #e0e0e0; margin: -24px -24px 24px -24px; padding: 6px 6px 6px 24px; display: flex; justify-content: space-between; align-items: center; }
article.box header h1 { margin: 0; padding: 0; flex-grow: 1; }

/* sm and lower devices gets simplified layout without background images and with some other tweaks */
@media (max-width: 991px) {
    #header { background-image: none; background: #f2fcff; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 1em; padding-bottom: 1em; min-height: 0; }
    #header h1 { position: static; background-size: 45px 63.5px; padding-left: 60px; min-height: 63.5px; line-height: 63.5px; font-size: 1.2rem; margin: 0 56px 0px 8px; }
    #header nav { background: none; display: block; z-index: 1; -webkit-user-select: none; user-select: none; margin: 0; padding: 0; position: relative; top: 0; margin-right: 0; margin-left: 0; width: auto; }
    #header nav input { display: block; width: 40px; height: 32px; position: absolute; top: -3.5em; right: 8px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
    #header nav button { display: block; border: none; background: none; position: absolute; right: 8px; top: -3.5em; width: 40px; height: 32px; outline: 0; padding: 0; }
    #header nav button span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: black; border-radius: 3px; z-index: 1; transform-origin: 16px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
    #header nav input:checked ~ button span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); }
    #header nav input:checked ~ button span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
    #header nav input:checked ~ button span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }
    #header nav ul { display: block; background: white; position: absolute; left: 0; top: 0; width: 100%; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); border-bottom: solid 0.2em #78B9C2; }
    #header nav ul li { display: block; float: none; }
    #header nav input:checked ~ ul { transform: none; }

    #footer { padding-top: 8px; }
    #footer .trees { display: none; }
    #footer .row { padding: 0 32px; }
    #top { background: #78b9c2; border-radius: 0; margin-top: 0; padding: 0; }
    #forest { background: none; margin: 0; height: auto; }
    #main { padding: 8px; }
    #main>.row { margin-left: -8px; margin-right: -8px; }

    article.box { padding: 8px; }
    article.box header { margin: -8px -8px 8px -8px; padding: 8px; }
}

/* sm-only gets horizontal menu in two rows */
@media (min-width: 768px) and (max-width: 991px) {
    header nav ul li { float: left; }
}

.breadcrumb { list-style-type: none; margin: 0; padding: 0; font-family: 'Roboto', arial, helvetica, sans-serif; }
.breadcrumb:after { content: ""; display: table; clear: both; }
.breadcrumb li { display: block; float: left; }
.breadcrumb li a { display: inline-block; color: #303030; text-decoration: none; padding: 0.5em; }
.breadcrumb li a:hover { text-decoration: underline; }
.breadcrumb li:after { content: "\00bb"; color: #404040; }
.breadcrumb li:last-child a { color: #000000; }
.breadcrumb li:last-child:after { content: ""; }

.text-nowrap { white-space: nowrap; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.clearfix:after { content: ""; display: table; clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
{ display: block; box-sizing: border-box; min-height: 1px; padding-left: 24px; padding-right: 24px; position: relative; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-1 { width: 8.3333333333%; }
.col-xs-2 { width: 16.6666666666%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.3333333333%; }
.col-xs-5 { width: 41.6666666666%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.3333333333%; }
.col-xs-8 { width: 66.6666666666%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.3333333333%; }
.col-xs-11 { width: 91.6666666666%; }
.col-xs-12 { width: 100%; }

.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

/* Phones (-xs-) */
@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
    .visible-xs { display: block !important; }
}

/* Tablets (-sm-) */
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9 { right: 75%; }
    .col-sm-pull-8 { right: 66.66666667%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-2 { right: 16.66666667%; }
    .col-sm-pull-1 { right: 8.33333333%; }
    .col-sm-pull-0 { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9 { left: 75%; }
    .col-sm-push-8 { left: 66.66666667%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-2 { left: 16.66666667%; }
    .col-sm-push-1 { left: 8.33333333%; }
    .col-sm-push-0 { left: auto; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
    .visible-sm { display: block !important; }
}

/* Small screens (-md-) */
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }

    .col-md-pull-12 { right: 100%; }
    .col-md-pull-11 { right: 91.66666667%; }
    .col-md-pull-10 { right: 83.33333333%; }
    .col-md-pull-9 { right: 75%; }
    .col-md-pull-8 { right: 66.66666667%; }
    .col-md-pull-7 { right: 58.33333333%; }
    .col-md-pull-6 { right: 50%; }
    .col-md-pull-5 { right: 41.66666667%; }
    .col-md-pull-4 { right: 33.33333333%; }
    .col-md-pull-3 { right: 25%; }
    .col-md-pull-2 { right: 16.66666667%; }
    .col-md-pull-1 { right: 8.33333333%; }
    .col-md-pull-0 { right: auto; }

    .col-md-push-12 { left: 100%; }
    .col-md-push-11 { left: 91.66666667%; }
    .col-md-push-10 { left: 83.33333333%; }
    .col-md-push-9 { left: 75%; }
    .col-md-push-8 { left: 66.66666667%; }
    .col-md-push-7 { left: 58.33333333%; }
    .col-md-push-6 { left: 50%; }
    .col-md-push-5 { left: 41.66666667%; }
    .col-md-push-4 { left: 33.33333333%; }
    .col-md-push-3 { left: 25%; }
    .col-md-push-2 { left: 16.66666667%; }
    .col-md-push-1 { left: 8.33333333%; }
    .col-md-push-0 { left: auto; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
    .visible-md { display: block !important; }
}

/* Large screens (-lg-) */
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }

    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666667%; }
    .col-lg-pull-10 { right: 83.33333333%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666667%; }
    .col-lg-pull-7 { right: 58.33333333%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666667%; }
    .col-lg-pull-4 { right: 33.33333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.66666667%; }
    .col-lg-pull-1 { right: 8.33333333%; }
    .col-lg-pull-0 { right: auto; }

    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666667%; }
    .col-lg-push-10 { left: 83.33333333%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666667%; }
    .col-lg-push-7 { left: 58.33333333%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666667%; }
    .col-lg-push-4 { left: 33.33333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.66666667%; }
    .col-lg-push-1 { left: 8.33333333%; }
    .col-lg-push-0 { left: auto; }

    .hidden-lg { display: none !important; }
    .visible-lg { display: block !important; }
}

.row { position: relative; margin-left: -24px; margin-right: -24px; }
.row:after { content: ""; display: table; clear: left; }

.form input, .form select, .form textarea, .form option, .form button { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 1em; box-sizing: border-box; background: white; color: black; }
.form input[type=text], .form textarea, .form select { box-shadow: inset 0.2em 0.2em 2em rgba(0, 0, 0, 0.04); }
.form .form-control { box-sizing: border-box; width: 100%; padding: 0.7em 1em; border: solid 0.15em #dce4ec; border-radius: 0.2em; line-height: 1.5; transition: border-color 0.15s ease-in-out; }
.form .form-control:focus { outline: none; border-color: #2c3e50; }
.form .form-control.checkbox { border: none; padding: 0.3em 1em; }
.form .form-control.checkbox label { cursor: pointer; }
.form input[type=radio] { vertical-align: middle; }
.form .form-group>label, .form-inline label { display: block; font-weight: bold; margin-bottom: 0.2em; }
.form .form-group.required>label:after { content: " *"; color: #cc0000; }
.form .form-group { margin-bottom: 1em; }
.form fieldset { margin: 1em 0; padding: 0; border: none; }
.form label { line-height: 1.5; }
.form .help-block { color: #597ea2; margin: 0.2em 0; }
.form .required .required-mark { color: #cc0000; font-weight: bold; }
.form .input-group { display: table; border-collapse: separate; }
.form .input-group .form-control { display: table-cell; border-radius: 0; }
.form .input-group .input-group-addon { display: table-cell; background: #ecf0f1; width: 1%; white-space: nowrap; vertical-align: middle; font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 1em; padding: 0.7em 1em; box-sizing: border-box; border: solid 0.15em #dce4ec; }
.form .input-group .form-control:first-child, .form .input-group .input-group-addon:first-child { border-top-left-radius: 0.2em; border-bottom-left-radius: 0.2em; }
.form .input-group .form-control:last-child, .form .input-group .input-group-addon:last-child { border-top-right-radius: 0.2em; border-bottom-right-radius: 0.2em; border-left: none; }
.form .input-group.datetimepicker, .form .input-group.datepicker, .form .input-group.timepicker { max-width: 15em; }
.form .has-error .form-control { border-color: #e74c3c; }
.form .has-error .help-block { color: #e74c3c; }
.form .has-error .form-control label { color: #e74c3c; }
.text-danger, .form .text-danger, .form .checkbox.has-error { color: #e74c3c; }

.form-inline label { display: inline-block; margin-right: 1em; }
.form-inline .form-control { width: 15em; margin-right: 1em; }

.btn { display: inline-block; margin: 0; padding: 1em 1.5em; border: none; border-radius: 0.3em; font-family: 'Roboto', arial, helvetica, sans-serif; cursor: pointer; transition: background-color 0.15s ease-in-out; }
.btn.btn-primary { color: white !important; background-color: #2c3e50; font-weight: bold; }
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover { background-color: #1a242f; text-decoration: none !important; }

.pull-right { float: right; }
.pull-left { float: left; }

.to-bring-text .show-bullets { display: none; }
.to-bring-bullets .show-text { display: none; }
.to-bring-bullets ul li { padding-top: 0.2em; padding-bottom: 0.2em; }
.to-bring-bullets ul li strong { font-weight: normal; }

#photos { background: black url("/static/content/image.png") no-repeat center center; width: 731px; height: 356px; margin-left: 20px; margin-top: 10px; box-shadow: 0.2em 0.2em 1em 0.2em rgba(0, 0, 0, 0.2); border-radius: 0.5em; position: relative; overflow: hidden; }
#photos img { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.5s ease-in-out; }
#signpost { position: absolute; right: 40px; top: 200px; width: 144px; height: 276px; background: url('signpost.png') no-repeat; }
#signpost ul { list-style-type: none; margin: 0; padding: 0; }
#signpost ul li { position: absolute; left: 5px; width: 130px; }
#signpost a:link, #signpost a:visited { color: #472402; font-weight: bold; display: block; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.4); text-decoration: none; font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 1.3em; line-height: 1; text-align: center; padding: 10px 0; }
#signpost li:nth-child(1) { top: 2px; font-size: 1.2em; }
#signpost li:nth-child(2) { top: 76px; font-size: 1.1em; }
#signpost li:nth-child(3) { top: 124px; }
#signpost li:nth-child(4) { top: 173px; }
#about { margin-left: 20px; margin-right: 350px; margin-top: 24px; }
#about nav { float: left; width: 131px; height: 142px; background: url('sign.png') no-repeat; position: relative; }
#about nav ul { list-style-type: none; margin: 0; padding: 0; }
#about nav li { position: absolute; left: 5px; top: 5px; width: 120px; }
#about nav a:link, #about nav a:visited { color: #472402; font-weight: bold; display: block; text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.4); text-decoration: none; font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 1.7em; line-height: 2.8; text-align: center; padding: 10px 0; }
#about article { margin-left: 160px; }
#about h1 { font-size: 1.7em; margin-bottom: 0em; }
#about p { margin: 0; color: #422d04; margin-top: 0.5em; font-size: 1.1em; }
#forest aside { position: absolute; right: 1em; bottom: 1em; }
#forest aside a { display: inline-block; margin-left: 1em; }

#main .application-success { max-width: 40em; margin-left: auto; margin-right: auto; border: solid 0.1em #9ae589; background: linear-gradient(to bottom, #d6ffcc 0%, #edf7ea 50%); color: #325e27; padding: 24px; border-radius: 0.5em; box-shadow: 0.05em 0.05em 0.4em rgba(0, 0, 0, 0.2); }
#main .application-success footer { text-align: center; }
#main .application-success .btn { background: linear-gradient(to bottom, #398235 0%, #8ab66b 100%); color: white; border: solid 0.1em #217F1A; text-shadow: 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.6); box-shadow: 0.05em 0.05em 0.2em rgba(0, 0, 0, 0.4); }
#main .application-success p { margin-top: 0; }

.application-form #input_language_id, .application-form #input_how_many_years, .application-form #input_phone { max-width: 15em; }
.application-form #input_address { height: 6.5em; }
.application-form { display: flex; }
.application-form form { flex-grow: 1; }
.application-form #price-preview { display: none; width: 20em; padding-left: 2em; position: relative; }
.application-form dt { font-weight: bold; float: left; clear: left; margin-bottom: 0.5em; }
.application-form dd { margin: 0; padding: 0; text-align: right; margin-bottom: 0.5em; }
.application-form #price-final, .application-form #price-final+dd { border-top: solid 1px black; padding-top: 0.5em; }
.application-form #price-final+dd { font-size: 1.2em; font-weight: bold; }

#main .imgbox { display: inline-block; border: solid 0.1em #d0d0d0; padding: 0.5em; background: #efefef; box-sizing: border-box; width: 100%; font-size: 0.8em; margin: 0.5em 0; max-width: 200px; vertical-align: top; text-align: center; }
#main .imgbox:link, #main .imgbox:visited { color: #404040; }
#main .imgbox img { width: 100%; }

.pagemenu { background: #e0e0e0; border: solid 0.1em #d0d0d0; font-family: 'Roboto', arial, helvetica, sans-serif; }
.pagemenu ul { list-style-type: none; margin: 0; padding: 0; }
.pagemenu ul:after { content: ""; display: table; clear: both; height: 0; }
.pagemenu ul li { float: left; }
.pagemenu ul li a { display: inline-block; padding: 0.3em 0.8em; }

.gallery .representative, .photo .representative { width: 100%; padding-top: 75%; position: relative; max-width: 200px; margin-left: auto; margin-right: auto; }
.gallery .representative>.image, .photo .representative>.image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; vertical-align: middle; font: 0/0 a; }
.gallery .representative>.image:before, .photo .representative>.image:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.gallery .representative img, .gallery .representative .placeholder, .photo .representative img, .photo .representative .placeholder { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.gallery h1 { text-align: center; font-size: 1.2em; }
.gallery a, .photo a { display: block; text-align: center; }
.gallery a:hover, .photo a { background: #efefef; }

@media (max-width: 991px) {
    #about { margin: 0; }
    #about nav { display: none; }
    #about article { margin: 0; }
    #about h1 { display: none; }
    #about p { margin-top: 0; }
    #forest aside { display: none; }
    #signpost { display: none; }
    .application-form { display: block; }
    .application-form #price-preview { position: static; width: auto; padding-left: 0; }
}

ul.spaced li, ol.spaced li {
    margin-bottom: 0.5em;
}

ul.spaced li:last-of-type, ol.spaced li:last-of-type {
    margin-bottom: 0;
}

ul.spaced li {
    color: #404040;
}

ul.spaced strong {
    color: black;
}