/* ==========================================================================
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-expand-md .navbar-nav a.nav-link {
		display: block;
		padding: 0.5rem 0rem 0.5rem 0rem;
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	.navbar-viewport-top {
		background-color: transparent;
	}
	.navbar-nav .nav-item:last-child {
	    margin-bottom: 0px;
	}
}

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

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

@media screen and (max-height: 600px) {
	header.full-height-section, section.full-height-section {
		min-height: 100%;
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}