body {
  padding: 0;
  margin: 0;
  background: #ff;
}
/*--- navigation bar ---*/
.navbar {
  background:#fe0000;
}
.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  color: #000;
}
.navbar-collapse {
  justify-content: flex-end;
}
.header {
  /*background-image: url('images/background.jpg');*/
  background-size: cover;
  background-position: center;
  position: relative;
}

.overlay {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.0);
}

.description {

}
.description h1 {
  color: #0;
  text-align: center;
}
.description p {
  color: #0;
  font-size: 1.1rem;
  line-height: 1.5;
  text-align: justify;
}

.fb-container1 {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}


.fb-container1 iframe, .fb-container1 object, .fb-container1 embed {
	position:absolute;
	top:50%;
	left:0%;
	width:560;
	height:315;
}

.page-footer {
  background-color: #222;
  color: #ccc;
  padding: 60px 0 30px;
}
.footer-copyright {
  color: #666;
  padding: 40px 0;
}

/* Style all font awesome icons */
.fa {
  padding: 20px;
  font-size: 20px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Youtube */
.fa-youtube {
  background: #ff0000;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}




<style>
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 130%;
        left: 25%;
        width: 50% !important;
        height: 50% !important;
    }
</style>