@media only screen and (max-width: 1501px) {	
	.middle {
		width:80%;
	}
	.office img {
		max-width: 230px;
	}	
}

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

	.menu .navelink {
		font-size:25px;
	}
	
	.content-2col {
		column-gap: 40px;
	}
	
	.team-wrap {
		grid-template-columns: calc(50% - 20px) calc(50% - 20px);
		column-gap: 40px;
	}
	
	.middle {
		width:85%;
	}
	
}

@media only screen and (max-width: 1201px) {
	.menu .navelink {
		font-size:23px;
	}
	
	.office img {
		max-width: 215px;
	}
}

@media only screen and (max-width: 1151px) {
	.menu .navelink {
		font-size:21px;
	}
}