/*
Tutorial Name: Off Canvas Sliding Navigation
Author: Samuel Dalusung
*/
*{box-sizing:border-box;
}
.one {
	width:8.3%;
	float:left;
}
.two {
	width:16.6%;
	float:left;
}
.three {
	width:24.9%;
	float:left;
}
.four {
	width:33.26%;
	float:left;
}
.five {
	width:41.56%;
	float:left;
}
.six {
	width:49.86%;
	float:left;
}
.seven {
	width:58.16%;
	float:left;
}
.eight {
	width:66.46%;
	float:left;
}
.nine {
	width:74.76%;
	float:left;
}
.ten {
	width:83.06%;
	float:left;
}
.eleven {
	width:91.36%;
	float:left;
}
.twelve {
	width:100%;
}
/* CONTAINERS
-------------------------------------------------*/
html{width:100%; height:100%; overflow-x: hidden;}
body {
	line-height: 1.5em;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	text-shadow:0 0 1px transparent;
	margin:auto;
	margin-top:0px;
	width:100%; height:100%; overflow-x: hidden;

}



/* UTILITIES
-------------------------------------------------*/

h1 { color: #666; margin: 0em; font-size: 1.3em; font-weight: 400; letter-spacing:1px;}
h2 { color: #900; font-size: 1.3em; font-weight:400; line-height:1.2em; letter-spacing:1px;   }
h3 { font-size: 1.4em; font-weight:normal; color: #615a4e; line-height:1.2em;  font-weight:300;}
h4 { font-size: 1.1em; font-weight:normal; color:#694d11;å}
h5 { color: #666;font-size:1.1em;}
p { margin: 0px 0px .75em 0px; }
a { color: #c90003; transition:color 0.3s ease; -webkit-transition:color:0.3s ease;}
a:hover {color:rgba(239,141,6,1.00);}
.small {
	font-size:.9em;
}
.smaller {
	font-size:.8em;
	line-height:1em;}


.clear{
 clear: both;
}
.imgfloatrt {
	float:right;
	margin:1%;
}
.imgfloatlft {
	float:left;
	margin: 0px 3% 1% 3px;
	
}

a.phone {
	border: none;
	color: inherit;
	text-decoration:none;
}
a.phone:hover {
	border: none;
	color: inherit;
	cursor: default;
}
.seventyfive {
	width:100%;
	max-width:75px;
	margin:35px;
}
.onefifty {
	width:100%;
	max-width:150px;
	margin:0px 15px;
}
.twohundred {
	width:100%;
	max-width:200px;
	
}
.twofifty {
	width:100%;
	max-width:250px;
}
.threehundred {
	width:100%;
	max-width:300px;
}

.fourhundred {
	width:100%;
	max-width:400px;
}
.fivehundred {
	width:100%;
	max-width:500px;
}
.sixhundred {
	width:100%;
	max-width:600px;
}.eighthundred {
	width:100%;
	max-width:800px;
}
.twelvehundred {
	width:100%;
	max-width:1200px;
}

.hrstyle {
	width:100%;
	height:1px;
	background-color:#dcd8d3;
	margin-top:2%;
	margin-bottom:2%;
}