@media screen and (min-width: 901px) {
	.mobile-only {
		display: none;
	}
}

@media screen and (max-width: 900px) {

	.no-mobile {
		display: none !important;
	}

	.container {
		padding: 0 20px;
		width: 100%;
	}

	#top-banner .header-item+.header-item {
		margin-left: 10px;
	}

	#top-banner .header-item {
		font-size: 9px;
	}

	#top-banner .header-item.active:not(:first-child) img {
		margin-top: 1px;
		padding-bottom: 3px;
		border-bottom: 2px solid #fff;
	}

	#top-banner .header-item.active strong {
		border-bottom: 1px solid #fff;
	}

	#top-banner .header-item .popover {
		position: fixed;
		border-radius: 0;
		max-width: 100%;
	}

	#top-banner a.header-item.header-donate {
		padding: 0 10px;
		font-size: 10px;
	}

	#site-header-fixed {
		height: 60px;
		color: #000;
		background: #fff;
		box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
	}

	#site-header-fixed .container {
		padding: 0;
		height: 100%;
	}

	#site-header-logo {
		margin-left: 20px;
		width: 178px;
		height: 41px;
		background-image: url(../img/logo-noir.png);
	}

	#site-header-menu {
		display: none;
		position: fixed;
		top: 99px;
		right: 0;
		bottom: 0;
		max-width: 450px;
		width: 85%;
		height: initial;
		flex-direction: column;
		overflow: auto;
		background: #eee;
	}

	#site-header-menu .sub-menu {
		padding: 10px 0 0 20px;
		display: block;
		position: initial;
		width: 100%;
	}

	#site-header-menu .menu-item {
		padding: 20px;
		height: initial;
		flex-direction: column;
		align-items: initial;
		border-bottom: 1px solid #ddd;
		font-size: 11px;
		color: rgb(0, 0, 0, 0.67);
	}

	#site-header-menu a {
		padding: 10px 0;
		display: block;
		text-transform: initial;
		font-style: normal;
		color: #000;
		background-image: none !important;
	}

	#site-header-menu a.btn {
		margin-top: 20px;
		padding: 0 20px;
		height: initial;
		line-height: 40px;
		border-radius: 0;
		box-shadow: none;
	}

	#site-header-nav-mobile {
		display: flex;
		width: 60px;
		height: 60px;
		align-items: center;
		justify-content: center;
		line-height: 56px;
		text-decoration: none;
		color: #000;
	}

	#site-header-nav-mobile i {
		font-size: 30px;
		line-height: 56px;
	}

	#site-header-nav-mobile i.close {
		display: none;
	}

	html.nav-open body {
		overflow: hidden;
	}

	html.nav-open #site-header-menu {
		display: block;
	}

	html.nav-open #site-header-nav-mobile {
		background-color: #eee;
	}

	html.nav-open #site-header-nav-mobile i.close {
		display: block;
	}

	html.nav-open #site-header-nav-mobile i:not(.close) {
		display: none;
	}

	#site-header-title {
		margin-top: 100px;
		height: 270px;
	}

	#site-header-title h1 {
		font-size: 30px;
		line-height: 42px;
	}

	/** Page Content **/

	#site-content .container {
		width: 100%;
		align-items: center;
	}

	.section {
		padding: 40px 0;
	}

	.section-title {
		padding: 0 10px;
		text-align: center;
	}

	.section-content {
		font-weight: 400;
	}

	#section-newsletter .container {
		padding: 20px 20px;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}

	#section-newsletter label {
		margin-bottom: 10px;
		max-width: initial;
		font-size: 13px;
	}

	#section-newsletter form {
		width: 100%;
	}

	#section-newsletter .input {
		display: flex;
		width: 100%;
		justify-content: space-between;
		font-size: 0;
	}

	/** FOOTER **/

	#site-footer-addresses .container {
		flex-direction: column;
	}

	#site-footer-addresses .site-footer-address:first-child {
		margin-right: 0;
		margin-bottom: 60px;
	}

	#site-footer-links .container {
		width: 100%;
		flex-direction: column;
		text-align: center;
	}

	#site-footer-links .container>* {
		margin-bottom: 20px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {}