body {
margin-left: auto;
  margin-right: auto;
}



#container {
    width:1000px;
    margin:20px auto;
}

#header {
background-color: #8e2323;
width: 1000px;
color: white;
font-family: Verdana;
border: #8e2323;

}


#nav li {
background-color: black;
display: inline;
float: left;
text-decoration: none;
text-align: center;
color: white;
width: 200px;

}

#nav a {
font-family: Raleway;
display: block;
color: white;
active: white;
visited: white;
}

#nav a:hover {
background-color: white;
color: black;
}

#main {
font-family: Arial;
font-size: 14px;
float: left;
width: 730px;
text-align: left;
padding: 5px;

}

#main h2 {
text-decoration: underline;
font-family: Roboto, Century Gothic, Arial;
text-shadow: 4px 4px 4px #aaa;
font-size: 14px;
}

#main p {
border-top: 1px solid black;
}

#main td {
border: none;
font-family: Arial;
font-size: 14px;
text-align: left;
vertical-align: top;
margin:20px auto;
}




div#columns figure {
	background: #fefefe;
	border: 2px solid #fcfcfc;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
  display: inline-block;
  column-break-inside: avoid;
}

div#columns figure img {
	width: 100px;
	 height: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

div#columns figure figcaption {
	width: 200px;
  font-size: .7rem;
  line-height: 1.5;
}

div#columns small { 
	width: 680px;
	background: #fefefe;
	border: 2px solid #fcfcfc;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
  display: inline-block;
  column-break-inside: avoid;
  font-size: .8rem;
  float: left; 
} 

div#columns small a { 
  text-decoration: none; 
  transition: .4s color;
}



@media screen and (max-width: 750px) { 
  #columns { column-gap: 0px; }
  #columns figure { width: 100%; }
}


.alt {
background-color: #d3d3d3;
}

#right {
background-color: #deeede;
font-family: Arial;
font-size: 12px;
float: left;
width: 250px;
padding: 5px;
}

#right h3 {
font-family: Raleway, Century Gothic, Arial;
font-size: 18px;
text-decoration: underline;
}

#right a {
text-decoration: none;
}