/* ==========================================================================
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) {

	.navbar {
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: 1px solid #5596be;
	}

	.navbar-expand-md .navbar-nav .nav-link {
	    padding: 1.5rem 1.5rem;
	    border-right: 1px solid rgba(255,255,255,0.1);
	}

	.navbar-expand-md .navbar-nav .nav-item:first-child .nav-link {
		border-left: 1px solid rgba(255,255,255,0.1);
	}

	.sponsors-container {
	    position: absolute;
	    left: 0px;
	    bottom: 0px;
	    width: 100%;
	    margin: 0px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    background-color: rgba(255, 255, 255, 0.7);
	}
}

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

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }