.body {
    background-color:  #363636;
  }
  
  
  .navbar-brand {
    margin-left: 2%;
    text-align: center;
    background-position: center;
  }
  
  .navbar ul li a {
    display: block;
    padding: 0.7rem 1rem; 
    transition: all 0.4s linear;
  }
  
  .navbar ul li a:hover {
    color: #3b6586c5;
  }
  
  
  h1 {
    margin-top: 5%;
    color: rgb(255, 255, 255); 
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  
  h2 {
    color: rgb(255, 255, 255); 
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  }
  
  #heading {
    height: 33rem;
    background-color: rgb(0, 0, 0);
    color: rgb(230, 227, 227);
    position: relative;
    background-attachment: inherit;
    background-size: cover;
    padding-bottom: 6%;
    padding-top: 5%;     
  }

  .overlay-image {
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0%;
    top: 0%;
    background-position: center;
    background-size: cover;
    opacity: 0.5;
  }
  

  .sc-bf56eddb-2{
    align-items: center;
    margin: 30%; 
    margin-top: 5%; 
    margin-bottom: 5%; 
    color: #fff; 
    text-align: center;
  }

  @media (max-width: 768px) {

    .sc-bf56eddb-2{
      margin: 10%;
    }

    #heading {
      height: 20rem;
    }
    .row .col-lg-4{
      width: 300;
      height: 300;
      text-align: center;
    }

  
  }
  
  .row .col-lg-4 {
    margin-bottom: 5%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
  } 
  
  
  
  #footer {
    background-color: #202020; background-position: center;}
  
      #footer .footer-widgets {
      padding: 30px 0;
    }
  
          #footer .footer-widgets.alt {
        border-top: 5px solid #d6d1d1;
      }
  
          #footer .footer-widgets a {
        color: #fff;
      }
  
              #footer .footer-widgets a:hover {
          color: #2a5ca7;
        }
  
          #footer .footer-widgets .widget .widget-title {
              margin-bottom: 5px;
              padding-bottom: 5px;
              border-bottom: 1px solid #727171;
              text-transform: uppercase;
              font-weight: 700;
              color: rgb(231, 226, 226);
           }