/*
	IAT 102 with Dr. Andrew Hawryshkewich
	D102 with Elgin Skye-McLaren
	P04: Fighting Extreme Cold
	grid.css

	Josh Fernandez
	Aaron Ragas
	Nick Byrne
*/

*, *::after, *::before { /* All browsers need to have box sizing */
	-webkit-box-sizing: border-box; /* Other browsers */
	-moz-box-sizing: border-box; /* Mozilla Firefox */
	box-sizing: border-box;
}

.body {
	margin: 0 1rem;
}

.grid-col-4of6 {
	width: 66.666%;
}

.grid-col-3of6 {
	width: 50%;
	padding: 0 0.5rem;
}

.grid-col-2of6 {
	width: 33.333%;
	padding: 0 0.5rem;
}

[class^="grid-col-1of6"] {
	width: 16.666%;
}

.grid-col-3of4 {
	width: 75%;
}

.grid-col-2of4 {
	width: 50%;
}

[class^="grid-col-1of4"] {
	width: 25%;
}

.grid-col-1of4-text {
	padding: 0 0.5rem;
}

[class^="grid-col-"] {
	float: left;
}

.nav-grid-row {
	width: 100%;
}

.nav-grid-row::after {
	content: "";
	display: block;
	clear: left;
}

.grid-row::after {
	content: "";
	display: block;
	clear: left;
}

@media (max-width: 100rem) {

	[class^="grid-col-1of4"], .grid-col-3of4 {
		width: 50%;
	}

}

@media (max-width: 70rem) {

	[class^="grid-col-1of4"], .grid-col-2of4, .grid-col-3of4 {
		width: 100%;
	}

	.previous_page_link {
		position: static;
		width: 100%;
	}

	.next_page_link {
		position: static;
		width: 100%;
	}

	.previous_page_link, .next_page_link {
		padding: 1.5rem 0;
		margin: 0.25rem 0;
	}

}

@media (max-width: 50rem) {

	[class^="grid-col-"] {
		width: 100%;
	}

	.grid-col-1of6-nav {
		width: 50%;
		float: left;
	}

	.grid-col-1of6-blanknav {
		width: 0%;
		float: left;
	}

	.nav-main-item-1, .nav-main-item-3 {
		border-left: 0;
	}

	.nav-main-item-2, .nav-main-item-4 {
		border-right: 0;
	}

	h1 {
		font-size: 2.5rem;
		margin: 0.5rem 0;
	}

	[class^="nav-main-item-"] {
		font-size: 1.25rem;
	}

	nav a, nav a:visited {
		padding: 1rem;
	}

}

@media (max-width: 30rem) {

	[class^="grid-col-"] {
		width: 100%;
	}

	[class^="nav-main-item-"] {
		border-left: 0;
		border-right: 0;
	}

	h1 {
		font-size: 2rem;
		margin: 0.5rem 0;
	}

}