html, body
{
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight:400;
	margin:0;
	padding:0;
	background-color:#000000;
	color:#FFFFFF;
}

hr
{
	background-color:#87a5b6;
	border-color:#87a5b6;
	color:#87a5b6;
}

div.hero
{
	background-image:url('./images/GridPattern.png');
	background-repeat:repeat;
	padding-top:15%;
	padding-bottom:10%;
}

div.herodescr
{
	margin:auto;
	width:30%;
	line-height:200%;
}

div.storesim
{
	padding-left:20%;
	padding-right:20%;
	padding-top:15%;
	padding-bottom:10%;
}

div.storesimright
{
	width:30%;
	margin-left:5%;
	float:right;
	line-height:200%;
}

div.storesimleft
{
	width:65%;
}

div.social
{
	padding-left:20%;
	padding-right:20%;
	padding-top:10%;
	padding-bottom:10%;
}

div.socialtext
{
	padding-left:25%;
	padding-right:25%;
}

div.socialbar
{
	margin-top:50px;
	text-align:center;
}

div.socialbar a
{
	display:inline-block;
	width:120px;
	height:120px;
	margin:20px;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}

div.socialbar a:hover
{
	color:#87a5b6;
	opacity: 0.7;
}

div.socialbar a img
{
	display:block;
	width:120px;
	height:120px;
}

div.newsection
{
	padding-left:20%;
	padding-right:20%;
	padding-top:10%;
	padding-bottom:10%;
}

div.newsitem
{
	min-height:300px;
	border-bottom: 1px solid #87a5b6;
}

div.newsitem img
{
	width:40%;
	height:auto;
	float:right;
}

div.newsitem hr
{
	margin-left:0;
	margin-right:50%;
	opacity:0.25;
}

div.newsitem h3
{
	font-size:200%;
}

div.imagesbar
{
	margin-top:50px;
	text-align:center;
}

div.imagesbar img
{
	display:inline-block;
	width:120px;
	height:auto;
	margin:10px;
}

img.title
{
	display:block;
	width:60%;
	height:auto;
	margin:auto;
	margin-top:0;
	margin-bottom:50px;
}

a, a:visited, a:disabled
{
	text-decoration:none;
	color:#87a5b6;
}

a:hover
{
	color:#FFAA22;
}

a.btn
{
	display:inline-block;
	width:250px;
	height:auto;
	padding:10px;
	margin:25px;
	border:1px solid #87a5b6;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}

a.btn-blue
{
	background-color:#87a5b6;
	color:#000000;
}

a.btn-blue:hover
{
	background-color:#FFAA22;
	color:#000000;
}

a.btn-white
{
	background-color:#FFFFFF;
	color:#4A6270;
}

a.btn-white:hover
{
	background-color:#FFAA22;
	color:#000000;
}

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

hr.half
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

.subdued
{
	color:#e0e0e0;
}

div.embeddedvideo
{
	text-align:center;
}

div.footer
{
	background-color:#4A6270;
	color:#808080;
	height:50px;
	background-image:url('./images/Footer_Lines.png');
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position:right;
	padding-left:100px;
	padding-right:100px;
	vertical-align:middle;
	border-top:1px solid white;
}

div.footer > img
{
	display:inline;
	vertical-align:middle;
	height:30px;
	width:auto;
	margin:10px;
}

div.footer span
{
	margin-bottom:10px;
	vertical-align:middle;
	color:#000000;
	opacity:0.25;
}