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

	body {
	    padding-top: 90px;
	}

	.line-segment.line-segment-left {
	    right: -4px;
	    left: initial;
	}

	.line-segment.line-segment-right {
	    left: -4px;
	}

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

/* 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;
	}
}