@media screen and (max-width: 1100px) {
	.site-header .pad,
	.site-content,
	.content-area,
	#Footer .pad {
		max-width:95%;
		margin:0 auto;
	}
}

@media screen and (max-width: 900px) {
	ul#primary-menu-list li {
		width:fit-content;
	}
}

@media screen and (max-width: 650px) {
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		font-size:18px;
	}
}

@media screen and (max-width: 500px) {
	.primary-menu-container {
		display:none;
	}
	body.primary-navigation-open .primary-menu-container {
		display:block;
	}
	
	ul#primary-menu-list li {
		display:flex;
		width:auto;
		text-align:left;
	}
}