body{
  /*font-family: 'Times New Roman', Times, serif;*/
  font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
  font-size:.9rem!important;
  background-color: #000;
}
.page-section{
  padding:2rem;
}
.topPortfolio{
  margin-top: 6rem;
}
header.masthead{
  background: linear-gradient(to bottom,rgba(13, 114, 186,.2) 0,rgba(13, 114, 186,.2) 100%),url(../img/DropBG.jpg);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
}
h1{
  font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
  font-size:1.3rem!important;
}
h2{
  font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
  font-size:1.2rem!important;
}
h3{
  font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
  font-size:1.1rem!important;
}
h4{
  font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
  font-size:1rem!important;
}
header {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  header .container {
    position: relative;
    z-index: 2;
  }
  
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #033457;
    opacity: 0.9;
    z-index: 1;
  }
  .bg-primary {
    background-color: #f16824!important;
  }
  .bg-secondary {
    background-color: #0d72ba!important;
  }
  .bg-dark {
    background-color: #000000!important;
  }
  .text-primary, a{
    color: #f16824!important;  
  }
  hr.divider{
    border-color: #f16824!important;
  }
  .yelText{
    color: #f5c246;
    /* text-shadow: 2px 2px #033457; */
  }
  .blueText{
    color: #0d72ba;
    /* text-shadow: 1px 1px #033457; */
  }
  .text-dark{
    color: #000000!important;
  }
  .txtShadow{
    text-shadow: 2px 2px #033457;
  }
  a.btn-sm.btn-outline-primary:hover{
    color:#ffffff!important;
  }
  a#btnAbout{
      display:none!important;
  }
  .text-primary a[href^="tel:"] {
    color: #f16824!important;
    /* text-shadow: none!important; */
    font-weight: bold!important;  
  }
  .card .text-primary a[href^="tel:"]:before {
    content:none;
    margin-right: 0;
  }

  a[href^="tel:"] {
    color: #f5c246;
    /* text-shadow: 2px 2px #033457; */
  }
  a[href^="tel:"]:visited {
    color: #ffffff;
    /* text-shadow: 2px 2px #033457; */
  }
  a[href^="tel:"]:before {
    content: "\260e";
    margin-right: 0.5em;
  }
  .btn-light{
    background-color: #f5c246;
    color: #000!important;
  }
  #mainNav{background-color: #000000!important;}
  .nav-item{
    border-bottom: #e9ecef solid 1px;
  }
  li.nav-item.dropdown{
    width: 100%!important;
  }
  .dropdown-menu{
    background-color: #000;
    border:0;
    padding: 0;
  } 
  .dropdown-menu .dropdown-item{
    color: #f5c246!important;    
  }
  .dropdown-item.active, .dropdown-item:active, .dropdown-item.hover, .dropdown-item:hover{
    color: #ffffff!important;
    background-color: #0d72ba;
  }
  .dropdown-divider{
    margin: 0;
  }
  #services h3{
    color:#f16824;
  }
  .introBox{
    background: linear-gradient(to bottom,rgba(243, 242, 242, 0.4),rgba(255, 255, 255,.9)),url(../img/SSLLC-Logo.png), center, no-repeat;
    display: none!important;
  }
  @media (pointer: coarse) and (hover: none) {
    header {
      background: linear-gradient(to bottom,rgba(13, 114, 186,.2) 0,rgba(13, 114, 186,.2) 100%),url(../img/DropBG.jpg);
    }
    header video {
      display: none;
    }
  }
  @media (min-width: 992px){
    body{
      font-size:1.2rem!important;
    }
    header.masthead{
      padding-top: 1rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    a#btnAbout {
      display: inline-block!important;
    }
    .page-section{
      padding:4rem;
    }
    .introBox{
      display: flex!important;
    }
    h1{
      font-size:2.3rem!important;
    }
    h2{
      font-size:1.7rem!important;
    }
    h3{
      font-size:1.4rem!important;
    }
    h4{
      font-size:1.2rem!important;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
      color: $primary;
      font-family: 'Slabo 27px', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif!important;
      font-weight: 900;
      font-size: 1.2rem;
    }
    #mainNav .navbar-nav .nav-item .nav-link:hover {
      color: #0d72ba!important;
    }
    #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link{
      color: #0d72ba;
    } 
    .nav-item{
      border-bottom: 0;
    }
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
    .dropdown-menu{
      background-color: #000;
      border:#e9ecef solid 1px;
      padding: 0;
    }   
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}