html {font-size: 1.125em;}

body {
  background-color: white;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 3.157em;
}

h2 {font-size: 2.369em;}

h3 {font-size: 1.777em;}

h4 {font-size: 1.333em;}

small, .font_small {font-size: 0.75em;}

.header__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: #ADD8E6;
  transform: skewY(-6deg);
  transform-origin: top left;
  z-index: -99999;
}

#logoimg {
  max-height: 14rem;
}

.specialnav {
  background: #FFFFFF;
  background: rgba(255,255,255,0.7);
}

@media (min-width: 991.98px) {
  body {
    margin-left: 60px;
  }

  .cust-navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  nav {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
  }

  .specialnav:hover,.specialnav.expanded {
    width: 200px;
    overflow: visible;
  }

  .specialnav {
    left: 0;
    top: 0;
    position: fixed;

    width: 60px;

    overflow: hidden;
    
    background: #FFFFFF;
    background: rgba(255,255,255,0.7);
    
    -webkit-transition: width .05s linear;
       -moz-transition: width .05s linear;
         -o-transition: width .05s linear;
            transition: width .05s linear;

    -webkit-transform:translateZ(0) scale(1,1);
       -moz-transform:translateZ(0) scale(1,1);
        -ms-transform:translateZ(0) scale(1,1);
         -o-transform:translateZ(0) scale(1,1);
            transform:translateZ(0) scale(1,1);

    z-index: 1000;
  }

  .specialnav li {
    width: 200px;
  }

  .specialnav li>a {
    /*color: #1D9E88;*/

    border-collapse: collapse;
    text-decoration: none;

    -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;

    -webkit-transform:translateZ(0) scale(1,1);
       -moz-transform:translateZ(0) scale(1,1);
        -ms-transform:translateZ(0) scale(1,1);
         -o-transform:translateZ(0) scale(1,1);
            transform:translateZ(0) scale(1,1);
  }

/*  .specialnav li:hover>a,
  .specialnav li.active>a,
  .specialnav li>.active {
    color: #62C6B5;
    background: #007461;
    background: url("images/menu_bg.svg") left no-repeat;
    background-size: 100%;
  }*/

  .nav-text {
    margin-left: 1.4rem;
  }
}