body{
  background: url(/images/banners/bkg.jpg) no-repeat fixed 85% 0px  #fff !important;
  background-size: 1185px auto !important;
  font-size: 90% !important;
  color: #000000 !important;
}

@supports (-webkit-touch-callout: none) {
  body {
      background: url(/images/banners/bkg.jpg) no-repeat 85% 0px scroll;
      background-size: auto 100vh;    
  }
}

.brand-logo img {
    height: 80px;
}

@media screen and (min-width: 768px){

  body{
    background: url(/images/banners/bkg.jpg) no-repeat fixed top center #fff !important;
    background-size: 100% auto !important;
  }
  .brand-logo img{
    height: 150px;
  }

}
.sp-page-builder .page-content > section{
  padding-bottom: 0 !important;
}

.sp-page-builder .page-content > section:first-child{
  padding-top: 0 !important;
}

.sp-page-builder .page-content > section:last-child{
  padding-bottom: 1rem !important;
}

.sppb-row-container{
    padding: 1rem 1rem;
    border-radius: 16px;
    background: rgba(255,255,255,0.75);
    box-shadow: 0 12px 30px rgb(0 0 0 / 20%);
}

.sp-pagebuilder-edit-panel{
  background-color: #eff1f4 !important;
}
header{
  padding: 8rem 0rem 0rem;
  background: transparent !important;
  font-family: 'font', sans-serif !important;
  text-align: center;
}
header .grid-child.container-nav{
  padding 
}
main{
  padding-left: .5rem;
  padding-right: .5rem;
}
main p{
  font-size: 1.1em;
}
footer.footer{
  background: #ede9e7;
  color: #051c24;
  padding-left: 1rem;
  padding-right: 1rem;
}
.footer .grid-child{
  padding: 1rem .5rem;
}

.footer .grid-child p:last-child{
  margin-bottom: 0;
}
.navbar-brand{
  margin: 0 auto .5rem auto !important;
}
.container-header .mod-menu{
  justify-content: center;
  padding: 1rem 1rem ;
  border-radius: 50rem;
  background: rgba(255,255,255,0.25);
  box-shadow: 0 12px 30px rgb(0 0 0 / 20%);
  display: inline-flex;
  flex: none;
  margin: 1rem auto;
  font-size: 1.1rem;
  flex-direction: row;
}
.container-header .mod-menu>li{
  padding: .5rem 1rem;
  border-radius: 50rem;
}
.mod-menu.mod-list.nav li a {
  color: #1c182f;
  font-weight: bolder;
}
header .grid-child.container-nav{
  overflow: auto;
  padding-bottom: 50px;
}
.page-header h1{
  color: #1c182f;
  display: none;
}
.container-header .grid-child {
    padding: 1em;
}
.container-header .mod-menu>li:after {
    background: transparent;
    bottom: calc(-1rem - 8px);
    content: "";
    display: block;
    height: 16px !important;
    width: 16px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    border-radius: 16px;
    border: 0px solid white;
    transition: all .7s;
}
.container-header .mod-menu>li.active:after,
.container-header .mod-menu>li:hover:after {
    background: #04252f;
    opacity: 1;
    height: 16px;
    right: 0;
    left: 0;
    border: 3px solid white;
}
.container-header .mod-menu>li.active{
  background: white;
}
.container-header .mod-menu>li.active:after{
  border: 0;
}

main h1{font-size: calc(1.3rem + .6vw) !important;}
main h2{font-size: calc(1.2rem + .6vw) !important;}
main h3{font-size: calc(1.1rem + .6vw) !important;}
main h4, main h5, main h6{font-size: calc(1rem + .6vw) !important;}