/* page size formatting */
html, body {
    margin: 0;
    height: 100vh;
}

/* controls formatting for all text on page */
body {
	margin: 0;
	padding: 0;
	font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	font-size: 13px;
	font-weight: 200;

	/* controls the color of text under columns */
	color: #454545;
}

/* position of main picture on page */
#pictures {
	/* width is the position from left to right of the pictures on the page */
	width: 350px;
	margin: 10px auto 0px auto;
}

/* make all images have rounded corners */
img {
	border-radius: 10px;
}

/* horizontally spaced image styles */
.image-container {
    display: flex;
    justify-content: center; /* centers the images horizontally */
    gap: 10px;
}

/* main title, and three sections styles */
h1, h2 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	color: #221D1D;
}

/* style h2 headers */
h2 {
	font-size: 2.5em;
}

h3 {
	text-align: center;
	font-size: 30px;
}

/* style h5 headers */
h5 {
	text-align: center;
	font-size: 18px;
}

/* style for div that contains main title and subheader */
#wrapper {
	margin: 0px auto;
	padding: 20px 0px 0px 0px;

	/*background color for whole website */
	background: #f7f5eb;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}

/* spacing between main title and subtitle */
#main-text h1, #main-text p {
	margin: 0;
	padding: 0;
}

/* My Name is Nathan Londhe controls */
#main-text h1 {
	line-height: 100px;
	letter-spacing: -1px;
	text-align: center;
	font-weight: 1000;
	font-size: 80px;
	color: #1F1F1F;
}

/* subheading controls */
#main-text p {
	text-align: center;
	font-size: 35px;
	color: #595959;
}

/* styling footer container */
#footer {
	overflow: hidden;
	width: 1100px;
	height: 100px;
	margin: 0 auto;
	border-top: 1px solid #CBCBCB;
}

/* styling footer text */
#footer p {
	margin: 0;
	padding-top: 40px;
	line-height: normal;
	text-align: center;
	color: #454545;
	font-size: 18px;
}

/* styling for three columns on main page */
#three-columns {
	overflow: hidden;
	width: 1100px;
	margin: 0px auto;
	padding: 50px 50px 0px 50px;
}

/* separation below sections */
#three-columns .content {
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 50px 0px;
}

/* styles for headings on each column */
#three-columns h2 {
	padding: 0px 0px 20px 40px;
	color: #000000;
	text-align: center;
}

/* styles for leftmost column */
#three-columns #column1 {
	float: left;
	width: 300px;
	margin-right: 40px;
	font-size: 20px;
}

/* style for middle column */
#three-columns #column2 {
	float: left;
	font-size: 20px;
	width: 350px;
}

/* style for rightmost column */
#three-columns #column3 {
	float: right;
	font-size: 20px;
	width: 330px;
}

/* styles for list in section 1 */
.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* allows for lines in between list elements */
.list-style1 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #D4D4D4;
}

/* first element in list style */
.list-style1 .first {
	padding-top: 0px;
	border-top: none;
}