html,body,header, #home{
  height: 100%;
}
#home{
  background: url(../img/g1.gif) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size: cover;
}
.top-nav-collapse{
  background-color: #24355C;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse){
    background: #24355C;
  }
}



.fa-facebook-f {color: #ffffff}
.fa-instagram {color: #ffffff}
.fa-twitter {color: #ffffff}
.fa-youtube {color: #ffffff}
.fa-envelope {color: #ffffff}

.fa-facebook-f:hover, .fa-instagram:hover,
.fa-envelope:hover, .fa-twitter:hover,
.fa-youtube:hover {
color: #ccc;
}






.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}





#fixed {
  height: 100%;
  border-top: 4px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
  background: url("../img/p4.jpg") no-repeat center center fixed;
  background-blend-mode: multiply;
  background-color: lightblue;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}