BODY {
	font-family: 'Montserrat', sans-serif;
	color: #d69d75;
	font-size: 16pt;
	background-color:#733e2b;
	background-image:url('../img/bg.png');
	background-position: center top;
	background-size: auto;
}

A, A:hover, A:visited {
	color: #ded4c8;
}

H1 {
	margin-bottom: 20px;
	color:#ded4c8;
}


P {
	margin-bottom: 20px;
}

#header {
	background-image: url('../img/header.png');
	background-repeat: no-repeat;
	background-position: center;
}

#trailer {
	width: 853px;
	height: 480px;
	margin-top: 346px;
}

#pushtomyouya {
	margin-top: 1.5em;
}

#awards {
	margin-top: 1em;
	margin-bottom: 4em;
}

#consoles{
	margin-top: 4em;
	margin-bottom: 2em;
}

#console-buttons{
	margin-bottom: 3em;
}


#real-goat-details{
	margin-top: 2em;
}


#paypal-form{
	margin-top:25px;
}

#paypal-button{
	margin-top: 1em;
}

#gameplay{
	margin-top: 4em;
	margin-bottom: 4em;
}

#features{
	margin-bottom: 4em;
}


#reviews {
	margin-top: 4em;
	margin-bottom: 2em;
}

#screenshots {
	margin-top: 1em;
	margin-bottom: 2em;
}

#vines {
	margin-top: 4em;
	margin-bottom: 4em;
}


#footer {
	margin-top: 2em;
	margin-bottom: 4em;
}

#legal{
	margin-bottom: 3em;
}

.glyphicon {
	color: #fff;
}


.rounded-input{	

	width: 100%;
	color: #554233;
	background-color: #ded4c8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	border: 2px solid #512b1e;
}


.darker {
	width: 100%;
	background-color: #663726;
	background-image: url('../img/darker-top.png');
	background-repeat: repeat-x;
	background-size: auto;
	padding-top: 4em;
	margin-bottom: 3em;
}

.darker-bottom {
	width: 100%;
	height: 38px;
	background-image: url('../img/darker-bottom.png');
	background-repeat: repeat-x;
	background-size: auto;
}


.console-button{
	margin-bottom: 1em;
}


.review {
	margin-bottom: 2em;
	text-align: center;
}

.center-text{
	text-align: center;
}

.justify-text{
	text-align: justify;
}

.author {
	font-size: 0.8em;
	font-style: italic;	
	color: #ded4c8;
}

.screenshot {
	margin-bottom: 1em;
	cursor: pointer;
}


.gif-gameplay{
	margin-bottom: 1em;
	background-size:90%;
	background-repeat: no-repeat;
	background-position: center center;
}


#gif-mine{
	background-image: url('../img/mine.gif');
}

#gif-bubble{
	background-image: url('../img/bubble.gif');
}

#gif-canopy{
	background-image: url('../img/canopy.gif');
}

.lighthover:hover {
	filter: brightness(115%);
	-webkit-filter: brightness(115%);
	-moz-filter: brightness(115%);
	-o-filter: brightness(115%);
	-ms-filter: brightness(115%);
	cursor: pointer;
}

.vine{
	margin-bottom: 2em;

}

.pressplay  {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -65px;
	margin-left: -65px;
	background-image: url(../img/playbutton.png);
	background-repeat: no-repeat;
	background-size: auto;
	cursor: pointer;
}

#vine1 {
	background-image: url('../img/vine1.png');
}
#vine2 {
	background-image: url('../img/vine2.png');
}
#vine3 {
	background-image: url('../img/vine3.png');
}
#vine4 {
	background-image: url('../img/vine4.png');
	cursor: auto;
}

.title {
	margin-bottom: 1.5em;
	margin-top: 0;
}

.inline-block{
	display: inline-block;
}

.copyright {
	margin-top: 1.5em;
	font-size: 0.7em;
}




/* Extra small devices  */
@media(max-width:500px){
	#header{
		height: 311px;
		background-size: 600px 311px;
	}
	#trailer {
		width: 268px;
		height: 152px;
		margin-top: 108px;
	}
	BODY{
		background-size: 1000px 1171px;
		font-size: 12pt;
	}
	.darker {
		background-size: 791px 81px;
	}
	.darker-bottom {
		height: 19px;
		background-size: 791px 19px;
	}
	.pressplay  {
		width: 90px;
		height: 90px;
		background-size: 90px 90px;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -45px;
	}
	.social-square{
		width: 70px;
		height: 81px;
	}
	
	.social-rect{
		width: 195px;
		height: 81px;
	}
}

@media(min-width:501px){
	#header{
		height: 396px;
		background-size: 768px 396px;
	}
	#trailer {
		width: 344px;
		height: 194px;
		margin-top: 139px;
	}
	.pressplay  {
		width: 100px;
		height: 100px;
		background-size: 100px 100px;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
	}
}

/* Small devices (tablets, 768px and up) */
@media(min-width:768px){
	#header{
		height: 621px;
		background-size: 1200px 621px;
	}
	#trailer {
		width: 536px;
		height: 302px;
		margin-top: 218px;
	}
}


/* Medium devices (desktops, 992px and up) */
@media(min-width:992px){ 
	#header{
		height: 987px;
		background-size: auto
	}
	#trailer {
		width: 853px;
		height: 480px;
		margin-top: 346px;
	}
}