@media screen and (max-width: 2000px) {
	html { font-size: 18px; }
}

@media screen and (max-width: 1700px) {
	header.layout-row nav { display: none; }
	header.layout-row .hamburger-btn { display: block; }
}

@media screen and (max-width: 1500px) {
	html { font-size: 16px; }
	
	.layout-row.site-sections-grid .section-item figure { flex-basis: 13rem; }
	.layout-row.site-sections-grid .section-item .text-content h2 { font-size: 2rem; }
	.layout-row.site-sections-grid .section-item .text-content h3 { font-size: 1.1rem; }
}

@media screen and (max-width: 1199px) {
	.layout-row.pre-footer .row .col-auto { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	
	.layout-row.site-sections-grid .row > [class*="col-"] .section-item { padding: 2rem 4rem !important; }
}

@media screen and (max-width: 991px) {
	.layout-row > .wrapper { width: 100%; min-width: 0; padding-left: 2rem; padding-right: 2rem; }
}

@media screen and (max-width: 767px) {
	header.layout-row > .wrapper { padding-left: 1.5rem; padding-right: 1rem; }
	header.layout-row .logo { flex-basis: 12rem; }
	header.layout-row .hamburger-btn { top: calc(50% + .4rem); }
	header.layout-row .hamburger-bar { height: 1px; margin: 0 0 5px; }
	
	.layout-row.pre-footer .row .col-auto { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

@media screen and (max-width: 480px) {
	.layout-row.pre-footer .row .col-auto { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}