body {
  font: 20px Montserrat, sans-serif;
  line-height: 1.8;
  background-color: #474e5d; /* Black Gray */

}
p {font-size: 16px;}
.container-fluid {
  padding-bottom: 30px;
}

.margin {margin-bottom: 45px;}
.bg-1 { 
  width: 100%; /* Full width */

  background-color: #2f2f2f; /* Black Gray */
  color: #fff;
  height: 100%;

  position:relative;
  top:0;
  left:0;

  min-height: 300px;
  padding-top: 100px;
}
.social {
  padding-top:10px;
  padding-bottom:40px;
}
.bg-1 h5{

  padding-left:5%;
  padding-right:5%;
}
.bg-2 { 
  width:100%;
  margin-top: 55px;
  padding-top: 50px;
  background-color: #474e5d; /* Dark Blue */
  color: #ffffff;
}
.bg-3 { 
  background-color: #ffffff; /* White */
  color: #555555;
}
.bg-4 { 

  background-color: #2f2f2f; /* Black Gray */
  color: #ffffff;
}
.nav-container
{

  background-color: #474e5d; /* Dark Blue */
}
.nav-container2
{
  margin-top:  105px;

  background-color: #474e5d; /* Dark Blue */
}

.navbar-nav  li a:hover {
  color: #1abc9c !important;
}

.f-nav{  /* To fix main menu container */
  z-index: 9999;
  position: fixed;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 0;
  margin-bottom: 0;
  width: 100%;
  -webkit-transition: height 0.8s ;
  -moz-transition: height 0.8s;
  transition: height 0.8s;
  left: 0;
  top: 0;
}

.navbar {
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 3px;
  width: 100%; /* Full width */

}