#hero .heroOverlay {
background-color: rgba(64,13,82,.30);
}
@media (min-width: 992px) {
.moonlight-header-logo.col-sm-12.col-md-3  {
width:   35%;
}
nav#main {
width: 65%;
}
}
header {
background-color: #fbf1ff !important;
margin-top: 30px !important;
}
@media (min-width: 992px) {
header {
margin-top: 0 !important;
}
}


.top-bar a {
color: #fff; 
}
.top-bar a:hover { 
color: #eceaed; 
} 
	.social-media a {
color: #fff; 
} 
.social-media a:hover {
color: #eceaed; 
} 
section.social-media a.facebook {
background: #3b5998;
color: white;
width: 38px;
height: 40px;
padding: 10px 13px 0 13px;
margin: 0px 2px 0 0px !important;
}
section.social-media a.facebook:hover {
background: #5573B2;
}

section.social-media a.linkedin {
background: #1B86BC;
color: white;
width: 38px;
height: 40px;
padding: 10px 13px 0 13px;
margin: 0px 2px 0 0px !important;
}
section.social-media a.linkedin:hover {
background: #1A95CF;
}

section.social-media a.youtube{
background: #bb0000;
color: white;
width: 38px;
height: 40px;
padding: 10px 13px 0 13px;
margin: 0px 2px 0 0px !important;
}
section.social-media a.youtube:hover {
background: #D51A1A;
}
section.social-media a.twitter {
background: #00aced;
color: white;
width: 38px;
height: 40px;
padding: 10px 13px 0 13px;
margin: 0px 2px 0 0px !important;
}
section.social-media a.twitter:hover {
background: #1AC6FF;
}