body {
  background-color: ;
  color: ;
}
.webpage-block .jumbotron h1, h1 {
  color: ;
  font-family: Newsreader;
  font-size: 36px;
}
.webpage-block .jumbotron h2, h2 {
  color: ;
  font-family: Newsreader;
  font-size: 30px;
}
.webpage-block .jumbotron h3, h3 {
  color: ;
  font-family: Newsreader;
  font-size: 24px;
}
.webpage-block .jumbotron h4, h4 {
  color: ;
  font-family: Newsreader;
  font-size: 21px;
}
.webpage-block .jumbotron h5, h5 {
  color: ;
  font-family: Newsreader;
  font-size: 14px;
}
.webpage-block .jumbotron h6, h6 {
  color: ;
  font-family: Newsreader;
  font-size: 12px;
}
.webpage-block .jumbotron p, p, .content-block div, .panel div, li {
  color: ;
  font-family: Newsreader;
  font-size: 16px;
}
.jumbotron blockquote, blockquote {
  color: ;
  font-family: Newsreader;
  font-size: 18px;
}
.jumbotron .lead, .content-block .lead, .lead {
  color: ;
  font-family: Newsreader;
  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: 21px;
  }
  .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: ;
}
.webpage-block a {
  color: ;
}
.webpage-contact a {
  color: ;
}
.webpage-about a {
  color: ;
}
.webpage-footer {
  background-color: #653fcc !important;
  color: #ffffff !important;
}
.webpage-footer a{
  color: #ffffff !important;
}
.webpage-footer .site-footer-simple {
  background-color: #653fcc !important;
  color: #ffffff !important;
}

.webpage-footer p {
  color: #ffffff !important;
}
.webpage-footer .site-footer-simple a,
.webpage-footer .site-footer-simple a:hover {
  background-color: #653fcc !important;
  color: #ffffff !important;
}
.webpage-header .navbar {
  background-color: #F8F8F8;
  color: #000000;
}
.webpage-header .navbar a,
.webpage-header .navbar a:hover {
  color: #000000 !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: #653fcc !important;
  color: #ffffff !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: #ffffff !important;
}
body {font-size: 18px;}
.vcard-social {background: #653FCC; width: 100%; padding: 0 5%;}
.vcard-phone a, .header-social a, .navbar-nav .navbar-text {color: #fff;}
.hero-behind .navbar li a {color: #fff!important;}
.hero-behind .webpage-header .navbar-default {border-color: transparent;}
.hero-behind .dropdown-menu, .hero-behind.webpage-header .navbar-default .dropdown ul {background: #444;}
.webpage-header .navbar li a {font-size: 120%; }
.nav .dropdown-menu {min-width: 280px;}
.webpage-header .navbar .dropdown li a {color: #81cbe9!important;}

.pattern .jumbotron {background-color: #DFDBE5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%237a2dff' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");}

/*Add shadow below navbar*/
.hero-below {border: none; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
z-index: 9;}
/*Sets height for all columns*/
.webpage-call-to-action .panel img {
    object-fit: cover;
    max-height: 255px;
    width: 100%; 
box-shadow: 0 5px 10px rgba(0,0,0,0.14), 0 15px 35px rgba(0,0,0,0.14);}
.no-shadow .webpage-block .img-responsive {box-shadow: none;}

/*.col-sm-6 .webpage-call-to-action .panel img targets 2 column */
/*.col-sm-4 .webpage-call-to-action .panel img targets 3 column */
/*.col-sm-3 .webpage-call-to-action .panel img targets 4 column */


/*Adjust menu font size for small laptops */
@media (min-width: 1025px) and (max-width: 1199px) {
.webpage-header .navbar li a {font-size: 90%; }
}

@media (min-width: 769px) {
/*Hero Styling w custom class "welcome"*/
.welcome .btn {margin-top: 12px; text-align: center; vertical-align: middle; font-size: 30px;}
.welcome .jumbotron .container  {margin-top: 120px; margin-bottom: 120px;} 
/*Hero image overlay*/
.webpage-hero .jumbotron:before {position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.2);
    left: 0%; top: 0;
}
}

@media (max-width: 768px) {
/* Removes top margin in mobile hero */
.welcome .jumbotron .container {margin-top: 0;}
.hero-behind .dropdown-menu, .hero-behind.webpage-header .navbar-default ul {background: #444;}

/*Optional logo height change for mobile*/.webpage-header .navbar-brand-image img {height: 60px!important; max-height: 60px!important;}
}
/*Buttons*/
.webpage-block .btn {background: #653fcc; color: #fff; border: 1px solid #333;-webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
text-shadow: none;}
.webpage-block .btn:hover {background: #333; color: #fff;border: 1px solid #fff;}