body {
  font-family: 'Poppins', sans-serif;
  background-color: black;
  }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #949698;
}
.custom-header {
  background-color: #f5f5f5;
  padding: 0 15px;
  border-bottom: 5px solid #a1c864;
}
  .custom-header a {font-weight: 500; color: black;}

  .navbar-nav,
  .mr-auto {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-between;
  }

.main-section {
  margin-top: 106px;
  background-color: #ffffff;
  padding: 50px 30px;
  border-top: 5px solid #949698;
  border-bottom: 5px solid #949698;
}
.main-section-home {
  background-color: #ffffff;
  padding: 50px 30px;
  border-top: 5px solid #949698;
  border-bottom: 5px solid #949698;
}

.custom-footer {
  background-color: #272728;
  padding: 30px;
  border-top: 5px solid #a1c864;
  color: #dedede;
}
  .custom-footer a {color: #ffffff; text-decoration: none; font-weight: 600;}
  .custom-footer a:hover {color: #a1c864; text-decoration: underline; font-weight: 600;}

hr.green {
  border: 5px solid #a1c864;
  border-radius: 0px;
  background-color: #a1c864;
  margin: 60px 0;
  opacity: 1;
}

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


@media only screen and (max-width: 480px) {
.image-responsive {
float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom:10px !important;
}
}





/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}
/* ============ small devices .end// ============ */