@media only screen and (max-width: 1470px) {
	.wrapper {
		margin: 0 20px;
	}
}

@media only screen and (max-width: 1100px) {
	.primary-navigation-wrap > .wrapper > ul > li > ul {
		display: none;
		opacity: 1;
		max-height: 100%;
		visibility: visible;
	}

	.primary-navigation-wrap > .wrapper > ul > li:focus > ul,
	.primary-navigation-wrap > .wrapper > ul > li:hover > ul {
		display: block;
	}	
}

@media only screen and (max-width: 968px) {
	.attendance-recorder-wrap .grid-item {
		margin-right: 2.0%;
		width: 32%;
	}
	
	.attendance-recorder-wrap .grid-item:nth-child(4n+0) {
		float: left;
		margin-right: 2.0%;
	}

	.attendance-recorder-wrap .grid-item:nth-child(3n+0) {
		float: right;
		margin-right: 0;
	}
}