@charset "utf-8";
* , *:before, *:after{
}

body  {
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	color: #262624;
	background-color: #F2F2F2;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Bebas Neue', sans-serif;
	;
	;
	font-variant: normal;
	font-weight: normal;
	color: #313C40;
}


#container {
	width: 960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F2F2F2;
}
a:link, a:visited {
	color: #313C40;
	text-decoration: none;
}
a:hover , a:active{
	color: #8C5E4D;
	text-decoration: none;		
}

#top  {
	border-bottom-style: solid;
	border-color: #4D5956;
	border-width: thick;
}
#top h1 {
	text-align: left;
	font-size: 28pt;
}
#topNav ul   {
	text-align: right;
	margin-top: -34px;
}
#topNav ul li {
	display: inline-block;
	/* [disabled]text-align: right; */
	margin-left: 20px;
}
main h1 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.about {
	/* [disabled]display: flex; */
	/* [disabled]justify-content: space-between; */
	width: 570px;
	margin-left: auto;
	margin-right: auto;
}


.images {
	display: flex;
	padding-top: 40px;
	justify-content: space-between;




}
.imageoptions  {
	border: 8px solid #F2F2F2;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.40);





}


.h2options  {
	margin-left: 8px;

}

.options {
	margin-left: 8px;
	margin-right: 28px;
	list-style-type: none;
}
.images div li {
	display: inline;
	margin-left: 8px;
}

.images div .imageoptions {
	margin-right: 30px;
}

footer {
	border-top-style: solid;
	border-top-color: #4D5956;
	padding-top: 10px;
	margin-top: 30px;
	display: flex;

}

footer h2 {
	margin-left: 0px;
	margin-top: 10px;
}
footer ul li {
	display: inline;
	margin-left: 20px;
}