/* ==========================================================================
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) {
	.nav-item.dropdown {
	    margin-right: 0.4375rem;
	}

	.nav-item.dropdown:first-child {
	    margin-right: 0.65rem;
	}

	.nav-item {
		margin-top: 0;
	}
}

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

    h2.subheader {
        font-size: 1.8rem;
    }
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	footer {
	    position: relative;
	    margin-top: -4rem;
	}

	.navbar-expand-sm .navbar-nav .nav-link {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

    .feature-img {
        max-width: 130%;
    }
	
}

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


}

@media (min-width: 1400px) {

}