body {
	margin: 0 auto;
	height: 100vh;
	background: rgb(62,39,35);
	background: url("../img/background.png"), -webkit-linear-gradient(rgba(62,39,35,1) 0%, rgba(62,39,35,1) 30%, rgba(30,58,95,1) 90%);
	background: url("../img/background.png"), -o-linear-gradient(rgba(62,39,35,1) 0%, rgba(62,39,35,1) 30%, rgba(30,58,95,1) 90%);
	background: url("../img/background.png"), linear-gradient(rgba(62,39,35,1) 0%, rgba(62,39,35,1) 30%, rgba(30,58,95,1) 90%);
	background-size: auto, cover;
	background-repeat: repeat, no-repeat;
	background-position: center, center;
  color: #F5E6D3;
}

#content {
  background-color: rgba(46,89,132,1); /* Medium blue from pirate clothing */
  border: 5px solid #F4C430; /* Bright gold from title */
}

#demobacklink a {
	color: #F5E6D3; /* Cream/parchment */
}

/* hides anything displaying outside the footer div */
#footer {
    overflow: hidden;
    margin-top: 2em;
}

/* moves the display of the footer image up the page 100 pixels (into the hidden area), then puts a drop-shadow in the specified color of the logo at the original location, replace hex code with desired color */
#footer img {
transform: translateY(-100px);
filter: drop-shadow(0 100px 0 #D4A017); /* Darker gold for shadow */
}

.imagegroup {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 2em;
	margin-bottom: 2em;
}

.imagegroup img {
	width: 250px;
}

.topm {
	max-width: 100%;
	width: 600px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Responsive sizing for smaller screens */
@media (max-width: 768px) {
	.topm {
		width: 90%;
	}
}

@media (max-width: 480px) {
	.topm {
		width: 95%;
	}
}

ul {
/*	list-style-image: url(/img/siteframe/dot.gif); */
	list-style-position: outside;
}

/*
#FFC300
*/