/* Add here all your CSS customizations */


@media (max-width: 1200px) {
    header nav.nav-main {
        margin-top: 0px;
    }

    header div.social-icons {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
	#header .logo img {
		max-width: 240px;
	}
}

@media (min-width: 992px) {
	#mainMenu {
	    display: flex;
	    align-items: flex-end;
	    margin-top: 37px !important;
	    justify-content: center;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}
}

@media (min-width: 992px) {
	#header nav ul.nav-main {
		margin-bottom: 0 !important;
	}
}

@media (min-width: 992px) {
    .nav-main.mega-menu {
         width: 100%;
    }
}



.alert-info {
    background-color: #7c5ba4;
    border-color: #7c5ba4;
    color: #ffffff;
}

.ms-1 {
  margin-left: ($spacer * .25) !important;
}

.ms-2 {
  margin-left: ($spacer * .50) !important;
}

.px-1 {
  padding-left: ($spacer * .25) !important;
  padding-right: ($spacer * .25) !important;
}

.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}