/*use border box model, not content box*/
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*apply styling to all grid-col- items*/
[class^='grid-col-'] {
	float: left;
	padding: 0; 
	text-align: center; /* center the content in this block */
}

/*define 1/7 wide columns*/
.grid-col-1of7 {
	width: 14.29%;
}

/*define 3/7 wide columns*/
.grid-col-3of7 {
	text-align: left;
	width: 42.86%;
}

/*define 2/7 wide columns*/
.grid-col-2of7 {
	text-align: left;
	width: 35%;
}

/*define 5/7 wide columns*/
.grid-col-5of7 {
	width: 65%;
	text-align: left;
}

/*clear floats*/
.grid-row::after {
	content: "";
	display: block;
	clear: both;
}

/*define footer columns*/
.grid-col-3of7-footer {
	float: right;
	text-align: right;
	width: 42.86;
}

.grid-col-2of7-footer {
	text-align: left;
	width: 35%;
}

@media (max-width: 1100px) {
	nav{
		padding-top:0em;
	}
	.grid-col-5of7 {
		padding: 0em 0em;
		width: 100%;
	}
	.grid-col-2of7 {
		width: 100%;
		padding: 0em 2em;
	}
	#footer-contact-email {
		padding-bottom: 1em;
	}
	#email-form {
		padding-left: 0em;
	}
}

@media (max-width: 830px) {
	.grid-col-3of7 {
		width: 100%;
	}
	input[type=submit] {
		margin-bottom: 0em;
	}
}

@media (max-width: 725px) {
	.img-desktop {
		display: none;
	}

	.img-mobile {
		display: block;
	}
}

@media (max-width: 1100px) {
	.grid-col-2of7-footer {
		width: 100%;
	}

	.grid-col-3of7-footer {
		width: 100%;
		text-align: left;
		padding-left: 2em;
		padding-top: 1em;
	}
}