body {
  background-color: ;
  color: #333333;
}
.webpage-block .jumbotron h1, h1 {
  color: ;
  font-family: ;
  font-size: 36px;
}
.webpage-block .jumbotron h2, h2 {
  color: ;
  font-family: ;
  font-size: 30px;
}
.webpage-block .jumbotron h3, h3 {
  color: ;
  font-family: ;
  font-size: 24px;
}
.webpage-block .jumbotron h4, h4 {
  color: ;
  font-family: ;
  font-size: 18px;
}
.webpage-block .jumbotron h5, h5 {
  color: ;
  font-family: ;
  font-size: 14px;
}
.webpage-block .jumbotron h6, h6 {
  color: ;
  font-family: ;
  font-size: 12px;
}
.webpage-block .jumbotron p, p, .content-block div, .panel div, li {
  color: ;
  font-family: ;
  font-size: 16px;
}
.jumbotron blockquote, blockquote {
  color: ;
  font-family: ;
  font-size: 18px;
}
.jumbotron .lead, .content-block .lead, .lead {
  color: ;
  font-family: ;
  font-size: 21px;
}
@media (max-width: 767px) {
  .webpage-block .jumbotron h1, h1 {
    font-size: 36px;
  }
  .webpage-block .jumbotron h2, h2 {
    font-size: 30px;
  }
  .webpage-block .jumbotron h3, h3 {
    font-size: 24px;
  }
  .webpage-block .jumbotron h4, h4 {
    font-size: 18px;
  }
  .webpage-block .jumbotron h5, h5 {
    font-size: 14px;
  }
  .webpage-block .jumbotron h6, h6 {
    font-size: 12px;
  }
  .webpage-block .jumbotron p, p {
    font-size: 16px;
  }
  .webpage-block .jumbotron blockquote, blockquote {
    font-size: 18px;
  }
  .webpage-block .jumbotron .lead, .lead {
    font-size: 20px;
  }
}
.webpage-background a {
  color: #838383;
}
.webpage-block a {
  color: #838383;
}
.webpage-contact a {
  color: #838383;
}
.webpage-about a {
  color: #838383;
}
.webpage-footer {
  background-color:  !important;
  color: #333333 !important;
}
.webpage-footer a{
  color: #838383 !important;
}
.webpage-footer .site-footer-simple {
  background-color:  !important;
  color: #333333 !important;
}

.webpage-footer p {
  color: #333333 !important;
}
.webpage-footer .site-footer-simple a,
.webpage-footer .site-footer-simple a:hover {
  background-color:  !important;
  color: #838383 !important;
}
.webpage-header .navbar {
  background-color: #ffffff;
  color: #050505;
}
.webpage-header .navbar a,
.webpage-header .navbar a:hover {
  color: #838383 !important;
}
.webpage-header.navbar-fixed-top {
  background-color: ;
}
.webpage-group .webpage-hero > div > div {
  padding-top: 20px;
}
.webpage-header.navbar-fixed-top.hero-behind.transparent {
  background-color: transparent;
}
.webpage-header.hero-behind.transparent .navbar {
  background-color: transparent;
}
body.hero-behind .webpage-group .webpage-hero > div {
  margin-top: 0 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper,
.webpage-footer .site-footer-layers {
  background-color:  !important;
  color: #333333 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper a,
.webpage-footer .site-footer-columns .site-footer-upper a:hover,
.webpage-footer .site-footer-layers a,
.webpage-footer .site-footer-layers a:hover {
  color: #838383 !important;
}
body {font-size: 18px; font-family: Arial, sans-serif; }
.webpage-header {background: #f4f4f4;} 
.webpage-header .header-social {margin-top: 5px;}
.webpage-header .vcard.navbar-nav ul.header-social li a, .navbar-text p {color: #333; font-size: 14px;} .navbar-text a {color: #333;}
.vcard ul {margin-bottom: 1px;}
.navbar {background: ;}
.navbar li a {/*font-family: Raleway, sans-serif;*/ font-size: 15px; font-weight: 400; }
.navbar-right > li:last-of-type {background-color: #000060; color: #fff; border-radius: 26px; margin-top: 30px;margin-bottom: 20px;}
.navbar-right> li:last-of-type a {line-height: 5px!important; color: #fff!important;}
.webpage-block .btn {background: #000060; border-radius: 0; border: none; text-shadow: none; text-transform: uppercase; color: #fff; border-radius: 28px;}
.btn:hover {background: #fff; color: #000060; border: 1px solid #000060; text-shadow: none;}
.text-shadow-dark .btn {text-shadow: none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .webpage-block .jumbotron h1, .h4 {/*font-family: Raleway, sans-serif;*/}

h4 {font-size: 24px;}
.lead {color: #000060;}

.welcome .webpage-hero .container {margin-top: 29px;}
.webpage-group .webpage-hero > div > div {padding-top: 0px;}

@media screen and (min-width: 768px) {
.welcome .webpage-hero .container {font-size: 140%; margin-top: 320px;}

}

.blue-bg {background: #000060 ; color: #fff;}
.blue-bg .lead::before, .blue-bg .lead::after {content: "§";
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 0.9em;
    font-size: 1em;
}

.parallax { 
    /* The image used */

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*.col-sm-3 .panel img {object-fit: cover; max-height: 203px; width: 100%;}*/
.col-sm-6 .panel img {object-fit: cover; max-height: 308px; width: 100%;}

.support-cta {background: #b5d9fa;}

.cta-contact {background-image: url(https://assets.locable.com/_originals/532a2e06-9602-4e25-b4eb-182c1e9f4de3/2016%20Grinch%20Holiday%20Party%20banner.jpg); color: #fff; object-fit: cover;}
.cta-contact .lead {font-size: 28px;}

/* Custom Header*/

.top-nav {
 height: 38px;
 background-color: transparent;
 color: #c5b486;
 border-bottom: none; 
 font-family: 'Times New Roman', serif;
 padding: 0 3%;
 border-radius: 0;
     min-height: 38px;
margin-bottom: -20px;
 }

 .top-nav ul.social {
     float: left;
     padding: 0;
 }

 .top-nav ul.social li {
     padding-right: 10px;
 }

 .top-nav .fa {
 font-size: 1.5em;
 }

 .top-nav ul {
     display: inline;
     float: right;
     padding-right: 20px;
     list-style: none;
 }

 .top-nav ul li {
     padding-right: 10px;
     line-height: 42px;
     float: left;
 }

 .top-nav a {
 color: #c5b486;
     padding: .2em .5em;
     display: inline-block;
     line-height: 34px;
     font-weight: 600;
     text-transform: uppercase;
     text-decoration: none;
 }

 .reserv-btn {
     position: relative;
     z-index: 20000;
     float: right;
     top: -3px;
     font-weight: 800!important;
     font-size: 18px;
     background: #FAF148;
     display: inline-block;
     width: 180px;
     text-align: center;
     padding: .48em!important;
     letter-spacing: .04em;
     line-height: 1em!important;
     color: #567DFA!important;
     border: 2px solid rgba(86, 125, 250,.8);
     outline: #B4A365 solid 1px;
     text-transform: lowercase!important;
     font-style: italic;
 }


@media screen and (max-width: 650px) {
 .top-nav {
 padding: 0 1%;
margin-bottom: -5px;
 }

 .top-nav .fa {
 }

 .top-nav ul {
 padding-right: 5px;
 padding-left: 5px;
 }

 .top-nav ul li {
 letter-spacing: -0.8;
 padding-right: 5px;
 }

 .top-nav ul.social li {
     padding-right: 0;
 }
}

@media screen and (max-width: 500px) {
 .top-nav {
 padding-right: 1%;
 padding-left: 0;
 margin-left: 0;
 height: 48px;
 }

 .top-nav ul {
 padding-left: 0;
 padding-right: 0;
 }


 .top-nav ul.social {
     padding-top: 5px;
     margin-right: -100px;
 }

 .top-nav ul li {
     padding-right: 0;
 }

 .top-nav .social ul {
 }

 .top-nav .social li {
     height: 20px;
     line-height: 0;
     text-align: center;
     padding-right: 0;
     padding-top: 5px;
 }



 .top-nav .buttons li a {
 width: 65px;
 text-align: center;
 line-height: 1;
 padding-top: 12px;
 }

 .reserv-btn {
 font-size: 14px;
 width: 180px;
 height: 40px;
 line-height: 1.4!important;
 letter-spacing: -0.3!important;
 }
}

@media screen and (max-width: 400px) {
 .top-nav .fa {
 font-size: 1.2em;
 }

 .top-nav .social li {
 padding-top: 8px;
 }
}


@media screen and (max-width: 340px) {
 .top-nav .fa {
 font-size: 1em;
 }

 .top-nav .social li {
 padding-top: 10px;
 }
}

.angle::before {
width: 100%;
    height: 300px;
    z-index: -1000;
    background: rgba(46, 176, 52,0.1);
    transform-origin: left bottom;
    position: absolute;
    top: 28%;
    left: 0;
    -webkit-transform: skew(0deg, -10deg);
    -moz-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg);
}

.angle::after {width: 100%;
    height: 250px;
    z-index: -1000;
    background: rgba(145,218,238,0.2);
    transform-origin: bottom right;
    position: absolute;
    top: 67%;
    left: 0;
    -webkit-transform: skew(0deg, 10deg);
    -moz-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg);
}

.business-card {height: 292px;}