@import url('https://fonts.googleapis.com/css?family=Lato|Oswald');

}

/* Eric Meyer's reset CSS */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Utility Styles */

.parent {
display:table;
}

.child {
display:table-cell;
vertical-align:middle;
text-align:center;
}


/* Page Styles */

* {border-radius: 0px!important;}
body {font: 16px/28px; font-family: 'Lato', sans-serif; letter-spacing: 0.05em;}
body, html {height: 100%; margin: 0; color: #434343;}
a, a:hover, a:active, a:focus {text-decoration: none;}
b, strong {font-weight: bold; text-transform: uppercase;}

.peek {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.one {background-image: url("../media/splash1.jpg"); min-height: 100%;}
.two {background-image: url("../media/bgcad.jpg"); min-height: 100%;}
.three {background-image: url("../media/sos.jpg"); min-height: 100%;}
.four {background-image: url("../media/kotoro.jpg"); min-height: 100%;}
.five {background-image: url("../media/fmp_presents.jpg"); min-height: 100%;}
.six {background-image: url("../media/splash4.jpg"); min-height: 100%;}
.seven {background-image: url("../media/splash5.jpg"); min-height: 100%;}

.one .title {top: 70%; width: 75%; background-color: #151014; position: absolute; text-align: center; padding: 10px ;}
.one .title h1 {color: #297150; font: 2.5em 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0.25em; margin: .5em; font-weight: bold;}
.one .title h2 {letter-spacing: 0.25em; text-transform: uppercase; font: 1.5em "Lato", sans-serif; color: #EDEEEB; margin: .75em;}

.mobiletitle {
	display: none;
}

.mobilesep {
	display: none;
}

.mobilebar {display: none;}

.bar {
	display:table;
	background-color: #297150;
	width:25%;
	height: 100%;
	position: absolute;
	margin: 0 0 0 75%;
  border: 3px solid black;
}

.barbox {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
  padding-bottom: 1%;
	font-size: 1em;
	letter-spacing: .05em;
	font-family: 'Lato', sans-serif;

}

.bar ul {
	text-decoration: none;
	padding: 0;
	margin: 0 .5em .5em .5em;
	list-style-type: none;
}

.bar ul li a {
display: block;
line-height: 1.5em;
}

.bar a {
	Color: white;
	text-decoration: underline;
	margin:0;
}


.bar h3 {
	display: block;
	margin: 1.25em 0 0 0;
	Color: white;
	text-align: center;
}

.bar img {
	max-width: 60%;
	max-height: 60%;
	margin-top: .5em;
}

.arrow {
	border:0;
	margin-top:3em;
}

.thumbnail{
	width:100%;
}

.intro {
color: #7b7c7c;
clear:both;
border: 2px solid #000000;
}

.fmpad {
background: #c6c6c6;
padding: .5em;
color: #434343;
font: 1.75em 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0.25em;
text-align: center;
margin: 10px 0px;
}

.weare {
background: #ffffff;
color: #434343;
font: 1.65em 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0.25em;
padding: .5em;
padding-left: 2em;
text-align: left;
margin: 1% 0;
}

.text {
padding: 20px;
line-height: 2.5em;
font: 1em 'Lato', sans-serif;
border: 2px solid #000000;
}

.info {
	width: 50%;
	margin-left: 10%;
font: 1em 'Lato', sans-serif;
line-height: 1.5;
}

.text img {
	padding-right: 1%;
}

.text h1 h2 h3 h4 h5 h6{
font: 2em 'Lato', sans-serif;
text-transform: uppercase;
letter-spacing: 1.05em;
}

footer {
	text-align: center;
	font-size: smaller;
}

/* Tablet */

@media only screen and (max-device-width: 1024px) {

	.peek {background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
	.one {background-image: url("../media/tsplash.jpg"); min-height: 100%;}
	.two {background-image: url("../media/tbgcad.jpg"); min-height: 100%;}
	.three {background-image: url("../media/tsos.jpg"); min-height: 100%;}
	.four {background-image: url("../media/tkotoro.jpg"); min-height: 100%;}
	.five {background-image: url("../media/tfmp_presents.jpg"); min-height: 100%;}
	.six {background-image: url("../media/tsplash2.jpg"); min-height: 100%;}
	.seven {background-image: url("../media/tsplash3.jpg"); min-height: 100%;}

	.one .title {top: 66%; width: 60%; background-color: #151014; position: absolute; text-align: center; padding: 10px;}
	.one .title h1 {color: #297150; font: 2em 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.25em; margin: .5em;}
	.one .title h2 {letter-spacing: .5em; text-transform: uppercase; font: 1em "Oswald", sans-serif; color: #EDEEEB; margin: .75em;}

	.mobilesep {
		display: none;
	}

	.mobiletitle {
		display: none;
	}

	.bar {
		display:table;
		background-color: #297150;
		width:30%;
		height: 100%;
		position: absolute;
		margin: 0 0 0 65%;
	  border: 3px solid black;
	}

	.barbox {
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	  padding-bottom: 1%;
		line-height: 1.5;
		letter-spacing: .05em;
		font-family: 'Lato', sans-serif;

	}

	.arrow {
		border:0px;
		margin-top:1.5em;
	}

	.thumbnail {
		width: 50%;
	}

	.intro {
	color: #7b7c7c;
	clear:both;
	}

	.fmpad {
	background: #c6c6c6;
	padding: .5em;
	color: #464748;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0px;
	}

	.weare {
	background: #ffffff;
	letter-spacing: 5px;
	padding: .5em;
	text-transform: uppercase;
	text-align: left;
	margin: 10px 0px;
	}

.info {
	width: 90%;
	margin-left: 3%;
}
.text img {
	max-width:100%;
	padding: 0 2%;
}
}

/* Mobile Styles */

@media only screen and (max-device-width: 1023px) {

	.peek {display: none;}
	.one .title {display: none;}
	.one .title h1 {display: none;}
	.one .title h2 {display: none;}

	.mobiletitle {display: inline-block; width:100%; background-color: #151014; text-align: center; padding: 10px 0;}
	.mobiletitle h1 {color: #297150; font: 2em 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.25em; margin: .5em;}
	.mobiletitle h2 {letter-spacing: .5em; text-transform: uppercase; font: 1.25em "Oswald", sans-serif; color: #EDEEEB; margin: .75em;}

	.mobilesep {
		display: inline-block;
		height:3px;
		width:100%;
	}

	.bar { display: none;
	}

	.mobilebar {
		display: inline-block; width:100%;
		background-color: #297150;
		color: #ffffff;
		width:100%;
		height: 100%;
		text-align: center;

	}

	.mobilebar a{
				color: #ffffff;
	}

	.mobilebarlatest {
		width:35%;
		margin: 1em;
		float:left;
	}
	.mobilebarlatest img{
	width: 75%;
	border:0;
	}
	.icon {
		max-width: 1em;
		max-height: 1em;
	}
	.mobilebarlatest ul li a{
		display: block;
		margin: 0 0 .5em -3em;
		line-height: 1.25;
		text-decoration: underline;
		}

	.mobilebartext {
		width:50%;
		margin: 1em auto;
		float: right;
		text-align: left;
	}

	.mobilebartext ul li a{
		display: block;
		margin: 0 0 .5em -3em;
		line-height: 1.25;
		text-decoration: underline;
		}

		.arrow {
			border:0px;
			margin-top:1.5em;
		}

	.thumbnail {
		width: 50%;
	}

	.intro {display: none;}

	.fmpad {display: none;}

	.weare {display: none;}

.info {
	width: 90%;
	margin-left: 3%;
}
.text img {
	width: 300px;
	padding: 0 2%;
}
}