#wrapper {
	display: grid;
	width: 100%;
	height: 100%;
	grid-template-columns: minmax(0, 1fr) repeat(6, 200px) minmax(0, 1fr);
	position: relative;
	background-color: #C2D7F2;
}
body {
	margin: 0;
}
div {
	width: 100%;
}
footer {
	grid-column: 4 / 5;
	grid-row: 5;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 10px;
	width: 100px;
	margin-left: 155px;
	margin-top: 200px;
}
h1 {
	text-align: left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: rgba(0,0,0,.5);
	color: #A6A6A6;
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}
#wedding2 {
	background-image: url('images/wedding2.jpeg');
	background-position: center;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 1 / -1;
	grid-row: 1 / 3;
}
#contactsection {
	grid-column: 6 / 8;
	grid-row: 4;
	color: #A6A6A6;
	font-size: 25px;
	width: 250px;
	margin-left: 8px;
	margin-top: 200px;
	border: solid;
	border-color: #A6A6A6;
	text-align: center;
}
nav {
	position: sticky;
	text-align: right;
	grid-column: 1 / -2;
	grid-row: 1 / 2;
	padding-right: auto;
	color: #A6A6A6;
}
#contactheader {
	grid-column: 6 / 8;
	grid-row: 4;
	margin-left: 10px;
	margin-top: 30px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	width: 250px
}
#sportsheader {
	grid-column: 1 / 2;
	grid-row: 3;
	margin-left: 100px;
	margin-top: 125px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	width: 250px
}
#weddingheader {
	grid-column: 3 / 4;
	grid-row: 3;
	margin-left: 100px;
	margin-top: 125px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	width: 270px
}
#personalheader {
	grid-column: 7 / 8;
	grid-row: 3;
	margin-left: -50px;
	margin-top: 125px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	width: 250px
}
#aboutheading {
	grid-column: 2 / 3;
	grid-row: 4;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	margin-left: 100px;
	width: 270px;
	margin-top: 60px;
}
#aboutsection {
	grid-column: 2 / 4;
	grid-row: 4;
	color: #A6A6A6;
	font-size: 25px;
	width: 270px;
	margin-left: 98px;
	margin-top: 370px;
	border: solid;
	border-color: #A6A6A6;
	text-align: center;
}
#contactphoto {
	background-image: url('images/phone.jpg');
	background-position: center;
	height: 250px;
	width: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 6 / 8;
	grid-row: 4;
	margin-left: 10px;
	margin-bottom: 180px;
}
#aboutpic {
	background-image: url('images/aboutpic.JPG');
	background-position: center;
	height: 270px;
	width: 270px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 2 / 4;
	grid-row: 4;
	margin-left: 100px;
	margin-bottom: 180px;
}
#bear {
	background-image: url('images/bear.JPG');
	background-position: center;
	height: 255px;
	width: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 5 / 5;
	grid-row: 3;
	margin-left: 40px;
	margin-bottom: 100px;
}
#natureheader {
	grid-column: 5 / 6;
	grid-row: 3;
	margin-left: 40px;
	margin-top: 125px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #A6A6A6;
	font-size: 25px;
	width: 250px
}

#sports {
	background-image: url('images/sports.jpg');
	background-position: center;
	height: 255px;
	width: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 1 / 2;
	grid-row: 3;
	margin-left: 100px;
	margin-bottom: 100px;
}
#wedding3 {
	background-image: url('images/wedding3.jpg');
	background-position: center;
	height: 255px;
	width: 270px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 3 / 3;
	grid-row: 3;
	margin-left: 100px;
	margin-bottom: 100px;

}
#personal {
	background-image: url('images/personalcropped.jpg');
	background-position: center;
	height: 255px;
	width: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	grid-column: 7 / 7;
	grid-row: 3;
	margin-left: -50px;
	margin-bottom: 100px;
}
* {
	align-self: center;
}
@media screen and (max-width: 992px) {
	#wrapper {
		grid-template-columns: minmax(0,0) repeat(6, 1fr) minmax(0, 0);
	}
	h1 {
		width: auto;
	}
	nav {
		margin-right: 50px;
	}
	#wedding2 {
		width: auto;
	}
	#bear {
		width: 270px;
		height: 270px;
		grid-row: 4;
		grid-column: 1 / 2;
		margin-left: 100px;
	}
	#natureheader {
		grid-row: 4;
		grid-column: 1 / 2;
		margin-left: 100px;
		width: 270px;
		margin-bottom: -15px;
	}
	#wedding3 {
		width: 270px;
		height: 270px;
		margin-top: 30px;
		margin-left: 630px;
	}
	#weddingheader {
		margin-bottom: -46px;
		margin-left: 630px;
	}
	#sports {
		width: 270px;
		height: 270px;
		margin-top: 30px;
		margin-right: 30px;
	}
	#sportsheader {
		margin-bottom: -46px;
		margin-right: 30px;
		width: 270px;
	}
	#personal {
		width: 270px;
		height: 270px;
		grid-row: 4;
		grid-column: 1 / 2;
		margin-left: 650px;
	}
	#personalheader {
		grid-row: 4;
		grid-column: 1 / 2;
		margin-left: 650px;
		width: 270px;
		margin-bottom: -15px;
	}
	#contactphoto {
		grid-row: 5;
		width: 230px;
		height: 230px;
		grid-column: 3;
		margin-left: 670px;
	}
	#contactheader {
		grid-row: 5;
		width: 230px;
		grid-column: 3;
		margin-left: 670px;
		margin-bottom: 20px;
	}
	#contactsection {
		grid-row: 5;
		margin-top: 200px;
		grid-column: 3;
		margin-left: 670px;
		width: 230px;
	}
	#aboutpic {
		grid-row: 5;
		width: 230px;
		height: 230px;
		grid-column: 3;
		margin-left: 100px;
	}
	#aboutheading {
		grid-row: 5;
		width: 230px;
		grid-column: 3;
		margin-left: 100px;
		margin-bottom: 38px;
	}
	#aboutsection {
		grid-row: 5;
		width: 230px;
		grid-column: 3;
		margin-left: 100px;
	}
	footer {
		grid-column: 3 / 4;
		grid-row: 6;
		margin-left: 450px;
	}
	body {
		margin: 0;
	}
} 
@media screen and (max-width: 768px) {
	#wrapper {
		grid-template-columns: minmax(0,0) repeat(6, 1fr) minmax(0, 0);
	}
	#wedding2 {
		width: auto;
	}
	h1 {
		width: auto;
		padding-left: 20px;
	}
	nav {
		margin-right: 10px;
		position: relative;
	}
	#sports {
		margin-bottom: 1100px;
		margin-left: 80px;
		width: 300px;
	} 
	#sportsheader {
		margin-bottom: 955px;
		margin-left: 80px;
		width: 300px;
	}
	#wedding3 {
		margin-bottom: 500px;
		grid-column: 1 / 2;
		width: 300px;
		margin-left: 80px;
	}
	#weddingheader {
		grid-column: 1 / 2;
		width: 300px;
		margin-bottom: 355px;		
		margin-left: 80px;
	}
	#bear {
		grid-column: 1 / 2;
		margin-top: 200px;
		margin-left: 80px;
		height: 250px;
		grid-row: 3;
		width: 300px;
	}
	#natureheader {
		grid-column: 1 / 2;
		margin-top: 305px;
		margin-left: 80px;
		grid-row: 3;
		width: 300px;
	}
	#personal {
		grid-column: 1 / 2;
		margin-left: 80px;
		margin-top: 800px;
		grid-row: 3;
		width: 300px;
	}
	#personalheader {
		grid-column: 1 / 2;
		margin-left: 80px;
		margin-top: 925px;
		grid-row: 3;
		width: 300px;
	}
	#aboutsection {
		grid-column: 1 / 2;
		margin-bottom: 450px;
		width: 200px;
		margin-left: 120px;
	}
	#aboutpic {
		grid-column: 1 / 2;
		margin-bottom: 600px;
		width: 200px;
		height: 200px;
		margin-left: 120px;
	}
	#aboutheading {
		grid-column: 1 / 2;
		margin-bottom: 490px;
		width: 200px;
		margin-left: 120px;
	}
	#contactphoto {
		grid-column: 1 / 2;
		height: 200px;
		width: 200px;
		margin-left: 120px;
		grid-row: 5;
		margin-top: 700px;
	}
	#contactheader {
		grid-column: 1 / 2;
		width: 200px;
		margin-left: 120px;
		grid-row: 5;
		margin-top: 700px;
	}
	#contactsection {
		grid-column: 1 / 2;
		width: 200px;
		margin-left: 120px;
		grid-row: 5;
		margin-top: 900px;
	}
	footer {
		display: none;
		grid-column: 1 / 2;
		margin-left: 350px;
		grid-row: 5;
		margin-top: 500px;
	}
	body {
		margin: 0;
	}
}