@charset "utf-8";
/* CSS Document */

 @import url("https://use.typekit.net/qzv6dbk.css");

main {
	background-color: #EFDEAE;
	background-image: url("images/background.jpg");
}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #FFFFFF;
	padding: 10px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #E781AE;
}

h1 {
	background-color: #ED7600;
	font-size: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 16px 0;
	background: -webkit-linear-gradient(#ED7600, #E781AE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ED7600, #E781AE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ED7600, #E781AE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ED7600, #E781AE); /* Standard Syntax */
}

h2 {
	background-color: #ED7600;
	font-size: 40px;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}

h3 {
	font-size: 30px;
	color: #000000;
	margin-bottom: 10px;
	border-bottom: 2px dotted #E781AE;
}

p {
	font-size: 15px;
	color: #000000;
	font-family: Arial, "sans-serif";
	line-height: 20px;
	margin-bottom: 14px;
}

ul li {
	margin-bottom: 10px;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
}

ol li{
	margin-bottom: 10px;
	color: #000000;
}

footer {
	text-align: center;
}

.text {
	color: #ED7600;
}

nav {
	color: #EB3362;
	padding: 6px;
	text-align: center;
}

h1, h2, h3 {
	font-family: "adventures-unlimited", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.feature-box{
	width: 30%;
	background-color: #EFDEAE;
	padding: 10px;
	margin: 0px auto 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #888888;
}

img {
	padding: 10px;
	background-color: #EFDEAE;
	border: 2px solid #EB3362;
}

.gallery {
	margin: 10px;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

.flexcontainer {
	display: flex;
}

.imagecontainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

section {
	width: 65%
}