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

p,td,div {
	font-family: 'Raleway', sans-serif;
	color:#fff;
}
#menu {
	font-family: 'Fjalla One', sans-serif;
	font-size: 200%;
	text-align: center;
	background-color: #9DAA7F;
	color:#000;
}
#menu a {
	margin:0px 25px 0px 25px;
	text-decoration: none;
	padding:15pt;
	display: inline-block;
	color:#fff;
}
#menu a:hover {
	background-color: #fff;
	color:#000;
}
#menu-mob {
	display:none;
}
#menu-mob select {
	width:100%;
	font-size:150%;
	font-family: 'Fjalla One', sans-serif;
}
h1,h2 {
	font-family: 'Fjalla One', sans-serif;
	color:#BB2F32;
}
h1 {
	font-size: 200%;
}
h2 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 135%;
	color:#fff;
}
body {
	background-color: #333;
	margin:0px;
}
div#header {
	background-color: #000;
}
div#header, div#main  {
	max-width:1000px;
	margin:auto;
}
div#main {
	min-height:75vh;
	font-size:125%;
}
div#logo {
	width:545px;
	height:120px;
	margin:10px 0px 10px 0px;
	background-image: url(../images/logo.jpg);
	float:left;
}
div#fb {
	height:50px;
	width:50px;
	float:right;
	margin-top:10px;
	background-image: url(../images/fb.png);
}
div#yt {
	height:50px;
	width:50px;
	float:right;
	margin-top:10px;
	background-image: url(../images/yt.png);
	margin-right:10pt;
}
div.clr {
	clear: both;
}
div.link a {
	display: block;
	height:100%;
	width:100%;
}

div#main-video {
	max-width:45%;
	padding:25pt 25pt 25pt 0pt;
	float:left;
}
div#main-review {
	max-width:45%;
	padding:25pt 25pt 25pt 0pt;
	float:right;
}
div#main-review img {
	display:none;
}
h2 a {
	font-size: 90%;
	color:#FFC20F;
	text-decoration: none;
}
h2 a:hover {
	color:#9DAA7F;
}
a.vid-title, a.review-link {
	color:#fff;
	font-size:105%;
}

div#footer {
	background-color: #FFC20F;
	padding-top:35pt; 
	height:125pt;
	text-align: center;
	margin-top:40pt;
	border-top:#BF8F00 15pt solid;
}
div#footer a {
	color:#222;
	margin:0pt 10pt 0pt 10pt;
	text-decoration: none;
	font-family: 'Fjalla One', sans-serif;
	font-size:140%;
}
div#footer p {
	color:#444;
}

div#video-list {
	max-width:1000px;
	margin:auto;
	text-align: center;
}
div#video-container {
	width:45%;
	padding:25pt 0pt 0pt 0pt;
	display:inline-block;
	float:left;
}
div#video-container h2 {
	height:40pt;
	margin-bottom:0px;
}
div#video-list div#video-container:nth-child(even) {
	float:right;
}
div.date-up {
	margin-top:-10pt;
}
div#review img, div#about img {
	float:left; 
	margin: 0pt 15pt 15pt 0pt;
}
div.review-text a {
	color:#FFC20F;
	font-weight: bold;
	text-decoration: none;
}
div.review-text a:hover {
	color:#BB2F32;
}
div#footer-socmed {
	display: none;
}
input,textarea,email {
	font-family: 'Fjalla One', sans-serif;
	font-size:150%;
	padding:10pt;
	width:80%;
	border:none;
}
input[type=submit] {
	width:302px;
	background-color: #FFC20F;
	cursor: pointer;
}
div.form-elem {
	margin-bottom:15pt;
}
@media only screen and (max-device-width: 480px) {
	#menu {
		font-size:130%;
	}
	#menu a {
		margin:0px 5px 0px 5px;
		padding:5pt;
	}
	div#fb {
		display:none;
	}
	div#yt {
		display:none;
	}
	div#logo {
		max-width:100vw;
		background-size: contain;
		background-repeat: no-repeat;
	}
	div#main-video, div#main-review, div#main-news {
		float:none;
		max-width:100%;
	}
	div#main {
		padding:10pt;
	}
	div#video-container {
		float:none;
		width:100%;
	}
	div#video-container p {
		margin-top:25pt;
	}
	div#menu {
		display:none;
	}
	div#menu-mob {
		display:block;
	}
	div#footer a {
		display:none;
	}
	div#footer-socmed {
		display: block;
		text-align:center;
	}
	div#footer-socmed div#yt, div#footer-socmed div#fb {
		float:none;
		display:inline-block;
	}
	div#yt {
		margin-right:15pt;
	}
	div#fb, div#yt {
		height:75px;
		width:75px;
		background-size: contain;
	}
	input,textarea,email {
		width:90%;
		font-size:90%;
	}
}