*{
	margin:0;
	padding:0;
}

img
{
	border:none;
}

html
{

font-size: 17px;	margin: 0;
	padding: 0;
}

/* tags */
h1
{
font-size: 2rem;	color: #ffb547;	margin:0px 0px 10px 0px;
	text-align: center;
	padding-top: 1rem;
}

h1 a
{
	color: #ffb547;
}

h2
{
	font-size: 1.1rem;
	color: #ffb547;
	margin:5px 0px 5px 0px;
	text-align: left;
	padding-top: 1rem;
}

h2 a
{
	color: #ffb547;
}

h3
{
	font-size: 1.1rem;
	color: white;
	margin:0px 0px 5px 0px;
	text-align: center;
}

h4
{
	font-size: 1.1rem;
	color: white;
	margin:0px 0px 5px 0px;
}

h5
{
font-size: 1.5rem;	color: red;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	text-align: center;
	padding-top: 1rem;
}

h6
{
	font-size: 2rem;
	color: white;
	margin:0px 0px 10px 0px;
	text-align: center;
	padding-top: 1rem;
}


p
{
	margin: 1rem 0px 2rem 0px;
}

a
{
	color:#000000;
}

li
{
	list-style: disc;
	margin-left: 3rem;
	margin-right: 3rem;
}


body
{
	text-align: left;
	margin: 0 auto;
	Font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 1rem;
	background: url(images/layout/background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #202020;
	color: white;
}

body a
{
	color: white;
}

#LogoContainer
{
	float: left;
	width: 100%;
	background-color: white;
}

.SocialDiv
{
	float: left;
	width: 100%;
}

.SocialDivCenter
{
	width: 300px;
}

.TripAdvisorDiv
{
	width: 153px;
	margin: 0 auto;
}

.FacebookDiv
{
	width: 150px;
	margin: 0 auto;
	padding-bottom: 2rem;
}

.ParticipantRequirementsContainer
{
	float: left;
	width: 100%;
    text-align: center;
	font-size: 2REM;
	font-weight: bold;
	padding-bottom: 2rem;
}

.ParticipantRequirements1
{
	width: 18%;
	border-right: 1px solid white;
	display:inline-block;
}

.ParticipantRequirements2
{
	width: 18%;
	border-right: 1px solid white;
	display:inline-block;
}

.ParticipantRequirements3
{
	width: 18%;
	border-right: 1px solid white;
	display:inline-block;
}

.ParticipantRequirements4
{
	width: 18%;
	display:inline-block;
}

.DataContainer1
{
	float: left;
	width: 100%;
	font-size: 2REM;
	text-align: center;
}

.DataContainer2
{
	float: left;
	width: 100%;
	font-size: 0.8REM;
	text-align: center;
}

.GoatAtivitiesContainer
{
	float: left;
	width: 100%;
	padding-bottom: 2rem;
}

.GoatAtivitiesButton
{
	float: left;
width: 23%;
margin: 1%;

}

.GoatAtivitiesButton img
{
	width: 100%;
	max-width: 225px;
	cursor: pointer;
	border: 1px solid #ffb547;
}

.GoatAtivitiesButton:hover
{
	opacity: 0.75;
}

.GoatAtivitiesButton img:hover
{
	cursor: pointer;
}

.PhotoColumn
{
	float: left;
	width: 100%;
}

.PhotoFrame
{
	float: left;
	width: 45%;
	padding: 2.5%;
}

.PhotoFrame img
{
	float: left;
	width: 100%;
}

.VideoColumn
{
	float: left;
	width: 100%;
}

.video-container
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 3REM;
    z-index: 400;
}

.video-container iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.GoatLogo
{
	float: left;
	width: 15%;
}

.GoatLogo img
{
	float: left;
	height: 120px;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;

padding-left: 0.8rem;
}

.CoasterLogo
{
	float: right;
	width: 15%;
}

.CoasterLogo img
{
	float: right;
	height: 120px;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
padding-right: 0.8rem;
}

.GoatText
{
	float: left;
	width: 60%;
	padding-left: 2rem;
	padding-top: 1.5rem;
	color: black;
	text-align: center;
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: bolder;
font-size: 1.8rem;
	line-height: 1.8rem;
}

#HeaderContainer
{
	width: 100%;
	float: left;
}

#Container
{
	width: 100%;
	max-width: 1400px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left;
}


#Header
{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 1rem;
	font-style: italic;
	font-weight: 500;
	color: white;
    z-index: -10;
}

#Header a
{
	color: white;
}

#Header a
{
	color: white;
}

#Header a:hover
{
	color: #C03;
}

#HeaderImgage
{
 	float: left;
 	width: 100%;
}

#HeaderImgage img
{
	float: left;
	width: 100%;
}

#TownNavigation
{
 	position: absolute;
    top: 40px;
    left: 40px;
    width: 40%;
	line-height: 1.9rem;
	z-index: 10;
}

.RestrainedText
{
	float: left;
	width: 100%;
	max-width: 50rem;
padding-bottom: 3rem;

}

.RestrainedText li
{
	list-style: disc;
	margin-left: 2rem;
	margin-right: 2rem;
}

.RestrainedTextNarrow
{
	float: left;
	width: 60%;
	max-width: 50rem;
}

.CommentsText
{
	float: left;
	width: 100%;
	max-width: 50rem;
	padding-bottom: 2rem;
}

.CommentsText p
{
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	padding-top: 0;
	padding-bottom: 0;
}

#Content
{
	width: 100%;
	max-width: 1200px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	padding-bottom: 3rem;
}

#Footer
{
	float: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 0.8rem;
	line-height: 2rem;
	color: white;
	text-align: center;
	background-color: #333333;
	border-top: 2px solid #555555;
	/* background: url(images/footer-background.png) repeat;  */
}

#Footer a
{
	color: white;
}

#Copyright
{
	float: left;
	width: 100%;
	max-width: 1200px;
	color: black;
	text-align: center;
	padding-top: 1rem;
}

.NarrowColumn
{
	float: left;
	width: 90%;
	margin-left: 5%;
	padding-top: 1rem;
}

/* navigation */
.TopNavigation
{
	float: left;
	width: 100%;
	Font-family: Cambria, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	text-align: center;
	/* background-color: #15DB95; */
	background-color: #ffcc00;
	font-size: 1.2rem;
	line-height: 1.9rem;
	font-weight: 800;
	padding-top: .3rem;
	padding-bottom: .3rem;
	border-bottom: 1px solid black;
	border-top: 1px solid #ffb547;
	/* font-stretch: condensed; */
}

.TopNavigation a
{
	Font-family: Verdana, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	text-decoration: none;
	color: white;
	text-align: center;
	text-shadow:

	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

.TopNavigation a:hover
{
	color: white;
}

.LatestBlogPosts
{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.LatestBlogPostsEntries
{
	float: left;
	width: 40%;
	margin-right: 10%;
	margin-bottom: 1rem;
}

.TheButton
{
	float: right;
	background-color: #3366cc;
	border: none;
	color: white;
	padding: 15px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1rem;
	cursor:pointer;
}

.TheButton:hover
{
	background-color: #6699ff;
	color: white;
}

.ButtonWrapper
{
	float: right;
	width: 40%;
	padding-top: 1rem;
	padding-right: 2rem;
}

.LargePhoto
{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 2rem;
}

.LargePhoto img
{
	float: left;
	width: 100%;
	border: 1px solid #ffb547;
}

.SmallPhotoLeft
{
	float: left;
	width: 48%;
	margin-top: 5px;
	margin-bottom: 2rem;
	margin-right: 2%;
}

.SmallPhotoLeft img
{
	float: left;
	width: 100%;
	border: 1px solid #ffb547;
}

.SmallPhotoRight
{
	float: left;
	width: 48%;
	margin-top: 5px;
	margin-bottom: 2rem;
}

.SmallPhotoRight img
{
	float: left;
	width: 100%;
	border: 1px solid #ffb547;
}

.GoatPhoto
{
	float: right;
	width: 30%;
	margin-top: 5px;
	margin-bottom: 2rem;
}

.GoatPhoto img
{
	float: left;
	width: 100%;
}

.GoatPhotoCenter
{
	margin: 0 auto;
	width: 30%;
	margin-top: 5px;
	margin-bottom: 2rem;
}

.GoatPhotoCenter img
{
	float: left;
	width: 100%;
}

.NavDiv
{
	margin: 0;
	padding: 0;
	padding-left: 3%;
	padding-top: 10px;
	width: 97%;
	background-color: #000000;
}



@media all and (max-width : 1000px)
{
	h1
	{
	font-size: 1.5rem;
	}

	h5
	{
	font-size: 1.2rem;	}

	.LatestBlogPostsEntries
	{
		float: left;
		width: 90%;
		margin-right: 10%;
		margin-bottom: 1rem;
	}

	.GoatText
	{
font-size: 1.3rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
		line-height: 1.5rem;
	}

	.GoatLogo img
	{
		height: 75px;
	}

	.CoasterLogo img
	{
		height: 75px;
	}

	.PhotoFrame
	{
		width: 100%;
		padding-top: 2.5%;
		padding-bottom: 2.5%;
		padding-left: 0;
		padding-right: 0;
	}

}

@media all and (max-width : 768px)
{

	.ParticipantRequirementsContainer
	{
		font-size: 1.2REM;
	}

	.DataContainer1
	{
		float: left;
		width: 100%;
		font-size: 1.5REM;
		text-align: center;
	}

	.DataContainer2
	{
		float: left;
		width: 100%;
		font-size: 0.6REM;
		text-align: center;
	}
	.SmallPhotoLeft
	{
		width: 100%;
		margin-right: 0;
	}

	.SmallPhotoRight
	{
		width: 100%;
		margin-right: 0;
	}

	.GoatPhotoCenter
	{
		width: 60%;
	}

	.TopNavigation
	{
font-size: 0.8rem;
	}

.TopNavigation a
{
padding-left: 0.5rem;
padding-right: 0.5rem;


}