body{ /* sets the font, background color and font color (unless 
	indicated otherwise*/
	font-family: Arial, sans-serif;
	font-size: 1.2rem;
	background-color:rgb(9, 34, 70);
	color:rgb(188, 222, 230);
	margin-left: 10rem;
	margin-right: 10rem;
}
article { /*article border, spacing and text alingment*/
	text-align: left;
	margin: 2rem;
	padding: 2rem;
}

h1{ /*specific sizes for each font using rem which is set by the
browser used by users */
	font-size: 2.5em;
	color:rgb(188, 222, 230);
}

h2{
	font-size: 1.5em;
	color:rgb(188, 222, 230);
}

h3{
	font-size: 1.2rem;
	color:rgb(188, 222, 230);
}

nav a {
	display: inline-block; /*elements not on the same line are now on the same line*/
	background-color:rgb(188, 222, 230);
	padding: 1rem;
	color:rgb(5, 43, 17);
	width: 100%;
	font-size: 1.5rem; /* rem means times the size set by web browser*/
	text-decoration:none;
	margin: 0; /*first value is top and bottom, second value is right and left. only 
	seperated by space  if 4 values, top, right, bottom, left would be the elements*/
}
nav a:hover, nav a:focus { /*changes color of the navigation when it is
	hovered over*/
	color:rgb(200, 125, 255);
	background-color: rgb(100, 100, 200);
	transition: background-color  0.5s;
}
section a {
	display: inline-block; /*elements not on the same line are now on the same line*/
	background-color:rgb(188, 222, 230);
	color:white;
	font-size: 1.25rem; /* rem means times the size set by web browser*/
	text-decoration:none;
}

.imagelink {
	float:left;
}


section a:hover, section a:focus { /*changes color of the navigation when it is
	hovered over*/
	color:rgb(200, 125, 255);
	background-color: rgb(100, 100, 200);
	transition: background-color  0.5s;
}

[class^='grid-col-'] { /*wanted to keep navigation bar at top 
	horizontily aligned with eachother rather than vertically*/
	float: left;
	padding: 1em;
	text-align: center;
}



.furnace .waterheat { /* puts border around the image and caption.*/
	float:left;
	padding: 2rem;
}


img{
	width: 100%;
	padding: 2rem;
}


a {
	font-weight: bold;
	font-style: italic;
	padding: 0.5rem;
	color:rgb(0, 153, 153);
}