/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

h1,h2,h3,h4 {
  color: #336c99;
}

h1,h2, h3, h4 {
  font-weight: 100;
}

.nav-item .active {
  font-weight:  bold !important;
}

.intro {
  background-image: url('/images/erik-mclean-fSLI8RdCdyk-unsplash.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 32rem;
}


.intro-content {
    opacity:  0.7;
    background-color: #ddd;
}

.aboutus {
  border-right: 1px dotted #336c99;
}

.news-title {
  color: #336c99;
} 

.sidebar-item {
  background-color: #F2F4F4;
  border: 1px solid #336c99;
  padding: 7px;
}

.service-box-1 {
  background-color: #EEE;
  color: #5a5a5a;
}

.service-box-2 {
  background-color: #FEF9E7;
  color: #5a5a5a;
}

.service-box-3 {
  background-color: #FDF2E9;
  color: #5a5a5a;
}

.service-box-4 {
  background-color: #EAF2F8;
  color: #5a5a5a;
}

.service-box-5 {
  background-color: #E8F6F3;
  color: #5a5a5a;
}

.service-box-6 {
  background-color: #FDF2E9;
  color: #5a5a5a;
}

.service-box-7 {
  background-color: #F9EBEA;
  color: #5a5a5a;
}

@media (max-width: 768px) { 
  .intro {
    height: auto !important;
  }
  .intro-content {
    opacity:  0.9 !important;
    background-color: #ddd !important;
  }
  .aboutus {
    border: none !important;
  }
}