@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.site-logo {
		background-image: url(../img/logo@2x.png);
	}
}

@media only screen and (max-width: 1209px) {
	.wrapper {
		margin: 0 20px;
	}
	.js .slicknav_menu {
		display: block;
	}
	.js #menu {
		display: none;
	}
	.site-logo {
		flex: 0 0 126px;
		height: 48px;
	}
}

@media only screen and (max-width: 1023px) {
	.footer-wrapper {
		padding: 30px 0;
	}
	.intro {
		padding: 30px 0;
	}
	.intro-wrapper {
		flex-direction: column;
		align-items: stretch;
	}
	.intro-title,
	.intro-form {
		flex: 0 1 auto;
		padding: 0;
	}
	.intro-title {
		text-align: center;
	}
	.intro-title .title {
		font-size: 36px;
		line-height: 40px;
	}
	.intro-title .title br {
		display: none;
	}
	.intro-form {
		margin-top: 20px;
	}
	.intro-form .form-vertical {
		margin: 0 auto;
	}
	.main {
		padding: 10px 0;
	}
	.content-wrapper {
		flex-direction: column;
	}
	.sidebar {
		order: 2;
		flex: 0 1 auto;
		margin: 0;
	}
	.content {
		order: 1;
		flex: 0 1 auto;
		margin-bottom: 10px;
	}
	.content:last-child {
		margin-bottom: 10px;
	}
	.results-general {
		flex-direction: column;
	}
	.results-map {
		flex: 0 1 300px;
		margin: 10px 0 0 0;
	}
	.stats {
		flex-direction: column;
		align-items: stretch;
	}
	.stats-nav {
		flex: 0 1 auto;
		margin: 0;
		padding: 0;
		border: none;
	}
	.stats-content {
		margin-top: 20px;
	}
	.stats-nav ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
	}
	.stats-nav li {
		margin: 0 5px 5px 0;
	}
	.stats-nav li:last-child {
		margin-bottom: 5px;
	}
	.stats-nav a {
		padding: 10px 20px;
	}
	.title-form {
		margin: 20px 0 0 0;
	}
	.image-list li {
		flex: 0 1 20%;
	}
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 16px;
		line-height: 1.5em;
	}
	.form-horizontal {
		flex-direction: column;
		align-items: stretch;
	}
	.form-col,
	.form-col.text {
		margin: 5px 0 0 0;
	}
	.wrapper {
		margin: 0 10px;
	}
	#header {
		padding: 10px 0;
	}
	.site-logo {
		flex: 0 0 84px;
		height: 32px;
	}
	.slicknav_menu {
		right: 10px;
	}
	.slicknav_menu {
		top: calc(50% - 16px);
	}
	a.slicknav_btn {
		width: 32px;
		height: 32px;
	}
	.slicknav_icon {
		width: 20px;
		height: 14px;
		top: calc(50% - 7px);
		left: calc(50% - 10px);
	}
	.slicknav_icon-bar {
		margin-top: 4px;
	}
	.footer-wrapper {
		flex-direction: column;
		align-items: stretch;
		padding: 20px 0;
	}
	.footer-nav {
		flex: 0 1 auto;
	}
	.footer-nav li {
		margin-bottom: 5px;
	}
	.footer-nav a {
		display: block;
		padding: 10px 20px
	}
	.footer-disclaimer {
		flex: 0 1 auto;
		margin-top: 20px;
	}
	.intro-title .title,
	.intro2-title .title {
		font-size: 28px;
		line-height: 32px;
	}
	.intro-text {
		margin-top: 20px;
	}
	.intro-incs {
		flex-direction: column;
		align-items: center;
		margin-top: 15px;
	}
	.intro-incs ul {
		flex: 0 1 auto;
		width: 180px;
		margin: 0.165em 0;
	}
	.content-block {
		padding: 20px;
	}
	.content-block .title:before {
		width: 3px;
		left: -20px;
	}
	.stats-nav a {
		padding: 5px 15px;
	}
	.chart-wrap {
		padding-bottom: 260px;
	}
	.chart-div {
		height: 260px;
	}
	.title-form {
		flex-wrap: wrap;
	}
	.title-form .form-label {
		flex: 0 0 100%;
		margin: 0 0 4px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.image-list li {
		flex: 0 1 33.333%;
	}
}