/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.maf-nav .nav-link {
	    text-align: left;
	}

	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.navbar-expand-md.maf-nav .navbar-nav .nav-link {
	    padding: 1.5rem 1.5rem;
	}

	.header-logo {
		margin-left: -75px;
	}

	.modal-lg {
	    max-width: 900px;
	}

	.locations-list {
	    margin-top: 0px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.header-logo {
		margin-left: -100px;
	}

	.sponsors li {
	    display: inline-block;
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-bottom: 0px;
	    text-align: center;
	}

	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.header-logo {
		margin-left: -120px;
	}
}