/* base */
html {
  font-size: 62.5%; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Droid Serif', serif;
  line-height: 1.5;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover; }

h3 {
	font-size: x-large;
	font-family: inherit;
}

h4 {
  font-size: 1.75rem; }

header {
  background-color: #0C438D;
  padding: 1.5rem !important;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%; }
  @media (min-width: 992px) {
    header {
      height: 8rem;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1; } }

footer {
  font-size: 1.2rem; }

/* general */
.border {
  border: 1px solid #888; }

.bg-lgrey {
  background: #eee; }

.gmap {
  width: 100%;
  height: 200px; }
  @media (min-width: 768px) {
    .gmap {
      width: 90%;
      height: 225px; } }
  @media (min-width: 1200px) {
    .gmap {
      width: 80%; } }

/* nav */
.logo {
  width: 6rem;
  height: 8rem;
  display: block;
  background-image: url(../images/logo_s.png);
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% 80%;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999; }
  @media (min-width: 768px) {
    .logo {
      box-shadow: none; } }

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%; }

.pt-8 {
  padding-top: 10rem; }

.flex-basis-50 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%; }

/* index */
.block--top {
  width: 100vw;
  height: 300px;
  overflow: hidden;
  background-image: url(../images/top.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  @media (min-width: 575px) {
    .block--top {
      height: 500px; } }
  @media (min-width: 768px) {
    .block--top {
      height: calc( 100vh - 80px );
      background-position: center center; } }
  .block--top img {
    width: 100%;
    height: auto; }

.block--top-logo {
  width: 70vw;
  height: 85%;
  background-image: url(../images/logo_l.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  @media (min-width: 768px) {
    .block--top-logo {
      height: 100%;
      max-height: 85vh; } }

/* Footer */
.footer-icon {
  width: auto;
  height: 18px; }
  @media (min-width: 768px) {
    .footer-icon {
      height: 24px; } }

/* menu */
@media (min-width: 768px) {
  .menu-side {
    position: fixed;
    left: 0;
    top: 61px; } }

.menu-desc-addition {
  border-left: 3px solid #cdb79e; }

@media (min-width: 768px) {
  .menu-nav {
    width: 25vw;
    height: calc(100vh - 80px);
    position: fixed;
    box-sizing: border-box; } }

@media (min-width: 768px) {
  .menu-container {
    box-sizing: border-box;
    margin-left: 25vw; } }

@media (min-width: 768px) {
  .menu-footer {
    width: 100vw;
    position: fixed;
    bottom: 0; } }

/*# sourceMappingURL=custom.css.map */