@charset "UTF-8";

div#booked-calendar-widget {
  display:none;
}

div.page div#booked-calendar-widget {
  display: block;
}

.contentbox {
  background: #ffffff;
  padding: 1ex;
  margin: 1%;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

.contentbox li {
  margin-top: 1ex;
}

.contentbox h1 {
  width:100%;
  background-color:#ffffff;
  position:relative;
  padding-top:1ex;
  padding-bottom:0.5ex;
  padding-left:2ex;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
  top: -2ex;
  left: -1ex;
  margin-bottom: -2ex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}

h1 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 608;
  font-style: normal;
  font-size: 130%;
}

h2 {
  font-family: "Sedan", serif;
  font-weight: 400;
  font-style: normal;
  font-variant: small-caps;
  font-size: 115%;
}

div.page {
  padding: 1ex;
  background-color: #e8e8f5;
  display: flex;
  flex-direction: column;
}

.header {
  font-size: 110%;
  text-align: center;
  order:2;
}

.main {
  order:3;
}

.footer {
  clear:both;
  order:5;
}

.footer li {
  float: left;
  margin-right: 4ex;
  margin-bottom: 1ex;
  font-weight: bold;
}

.bottomimg {
  float:right;
  width:60ex;
}

.navbar {
  float:right;
  width:25ex;
  order:4;
  margin-left:auto;
  margin-right:auto;
}
.navexpand {
  float:right;
  cursor:pointer;
  font-size:150%;
  position:relative;
  top:-0.3ex;
}
.navbarbutton {
  border-style:solid;
  border-radius:1ex;
  border-width:1px;
  text-align:center;
  padding:0.5ex;
  margin:0.5ex;
  background-color:#cdcdd6;
  font-weight: bold;
}
.navbarbutton a {
  color:#000000;
}
.navbarsubbutton {
  border-style:solid;
  border-radius:1ex;
  border-width:1px;
  text-align:center;
  padding:0.5ex;
  margin:0.5ex;
  margin-left:4ex;
  display:none;
  background-color:#ffffff;
}
.navbarblock {

}

a {
  text-decoration: none;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin:0; 
}

@media (max-width: 800px) {
  img.mission { width:90%; }
}

@media (min-width: 1024px) {
  .navbar { margin-right:0; margin-left:0; }
  body { background-image: url('/assets/images/seamless3.jpg');background-repeat: repeat; }
  div.page { display: block; max-width: 1024px; border-style: none solid; margin-left: auto; margin-right: auto; }
}