/* Responsive CSS */

@media only screen and (max-width : 1200px) {}
@media only screen and (max-width : 979px) {}
@media only screen and (max-width : 767px) {}
@media only screen and (max-width : 480px) {
	.banner-text h1 {
		font-size: 24px;
	}
}
@media only screen and (max-width : 1080px) {
	#main-header {
		position: static;
		background: #fff;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 16px;
	}
	.nav-item {
		margin-right: 6em;
	}
	.info-block p,
	#home-content p,
	.page-content p,
	.archive-content p,
	.page-content .form label {
		font-size: 16px;
	}
	footer > .container-fluid {
		padding-left: 4em;
		padding-right: 4em;
	}
	footer > .container-fluid > .row > div[class*="col"]:first-of-type {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media (max-width: 992px) {
	.navbar-collapse {
		top: 0;
		left: -270px;
		z-index: 1000;
		position: fixed;
		padding-top: 40px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 270px;
		height: 100%;
		transition: all 0.3s ease;
		display: block;
		box-shadow: 0 0 4px rgba(0,0,0,.4);
	}
	.navbar-collapse.collapsing {
		/* height: auto !important; */
		margin-right: 50%;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.navbar-collapse.show {
		left: 0;
	}
	#navbar, #navbar .bg-light {
		background: #fff !important;
	}
	footer > .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	footer > .container-fluid > .row > div[class*="col"]:first-of-type {
		padding-left: 15px;
		padding-right: 15px;
	}
	footer > .container-fluid > .row > div[class*='col']:nth-of-type(3) {
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center !important;
	}
	h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { margin-bottom: 1.5em; }
	h2, h2 a {
		font-size: 34px;
	}
	.info-block p,
	#home-content p,
	.page-content p,
	.archive-content p,
	.page-content .form label {
		font-size: 14px;
	}
	.info-block p:first-of-type {
		font-size: 16px;
	}
	.project,
	.info-block {
		text-align: center;
	}
	.project img {
		top: 0;
		margin-top: 0;
		transform: none;
		margin-bottom: 1.5em;
	}
	.archive-content > .container:nth-of-type(2) > .row {
		padding-top: 0;
	}
	.partner,
	.team-member {
		text-align: center;
	}
	.team-member img {
		margin-bottom: 1.5em;
	}
}