body {
	font-family:"Open Sans";
}

/*
** Headers
*/

h1,
h2,
h3,
h4,
h5 {
	font-family:"Lato";
}

/*
** Containers
*/

.container {
	padding:40px 20px;
}

.container-spacy {
	padding:80px 20px;
}
.background-image img {
	height=30%;
	width=30%;
}

/*
** Backgrounds
*/

.background-orange {
	background-color:#ffa500;
}

.background-green {
	background-color:#27ae60;
}

.background-grey {
	background-color:#3a3a3a;
}

.background-white {
	background-color:#fff;
}

.background-red {
	background-color:#db5940;
}

.background-yellow {
	background-color:#fec400;
}

.background-baby-blue {
	background-color:#7ecefd;
}

.background-pale-blue {
	background-color:#d1e1ed;
}

.background-slate-blue {
	background-color:#2c3e50;
}

.background-midnight {
	background-color:#1f1f1f;
}

.background-blue {
	background-color:#028ca6;
}




/*
** Header
*/

header#main {
	margin-bottom:20px;
}

header#main .brand a {
	display:block;
	font-family: "Pacifico";
	font-size:1.5em;
	color:#393f4a;
	margin-bottom:20px;
}

header#main .brand img {
	height:100%;
	width:100%;
}

/*
** Nav
*/

nav#main ul {
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
}

nav#main ul li {
	display:inline-block;
	margin-right:20px;
}

nav#main ul li:last-child {
	margin-right:0;
}

nav#main ul li a {
	font-size:90%;
	text-transform:uppercase;
	font-weight:700;
}

nav#main ul li a:not(.button) {
	color:#393f4a;
}

/*
** Buttons
*/

.button {
	padding:14px 30px;
	border-radius:5px;
}

.button-primary,
.button-primary:hover {
	background-color:#000;
	color:#fff;
}

.button-secondary,
.button-secondary:hover {
	background-color:#fff;
	color:#3a3a3a;
}

/*
** Feature
*/

.feature {
	margin-top:5px;
}

.feature img {
	padding-left:12em;
	padding-bottom:5px;
	height:100%;
	width:100%;
}
.feature h1 {
	font-size:2.2em;
	color:#2c3e50;
	text-transform: uppercase;
	font-weight:900;
	line-height:40px;
	margin-bottom:20px;
}
.backgroundimage img {
	height:1%;
}

/*
** Features2
*/

.features2 {
	text-align:center;
	background-color:#fec400;
}

.features2 h2 {
	text-align:center;
	font-weight:600;
	color:#fff;
}


.features {
	text-align:center;
	background-image: url("../img/topcolor.jpg");
}

.features h5 {
	font-weight:600;
	font-size:1.4em;
	color:#ffa805;
}

.features p {
	font-size:80%;
	margin-bottom:40px;
}

.features li ul {
	font-size:80%;
	margin-bottom:40px;
	text-align:left-side;
}

.features img {
	margin-bottom:30px;
}


/*
** Features-top
*/
.features-top {
	text-align:center;
	background-color:#000;
}

.features-top h5 {
	font-weight:600;
	font-size:1.4em;
	color:#ffa805;
}

.features-top p {
	font-size:80%;
	margin-bottom:40px;
}

.features-top li ul {
	font-size:80%;
	margin-bottom:40px;
	text-align:left-side;
}

.features-top img {
	margin-bottom:30px;
}

/*
** Parallax-top
*/
.parallax-margin-top {
	margin:0 0 5% 0;
}

.parallax-top {
	text-align:center;
	background: url("../img/scapem.jpg") repeat fixed 100%;
}

.parallax-top h5 {
	text-align:center;
	font-weight:600;
	color:#fff;
}

.parallax-inner-top {
	padding-top: 15%;
	padding-bottom: 15%;
}

/*
** Parallax-footer
*/
.parallax-margin-footer {
	margin:0 0 5% 0;
}

.parallax-footer {
	text-align:center;
	background: url("../img/scapem.jpg") repeat fixed 100%;
}

.parallax-footer h5 {
	text-align:center;
	font-weight:600;
	color:#fff;
}

.parallax-inner-footer {
	padding-top: 5%;
	padding-bottom: 10%;
}

/*
** Parallax
*/
*{
	margin:0;
	padding: 0;
	border: 0;
}
.parallax-margin {
	margin:10% 0 5% 0;
}

.parallax {
	text-align:center;
	background: url("../img/scapem.jpg") repeat fixed 100%;
}

.parallax h5 {
	text-align:center;
	font-weight:600;
	color:#fff;
}

.parallax-inner {
	padding-top: 10%;
	padding-bottom: 10%;
}

/*
** Parallax-bottom
*/
.parallax-margin-bottom {
	margin:0;
}

.parallax-bottom {
	text-align:center;
	background: url("../img/scapem.jpg") repeat fixed 100%;
}

.parallax-bottom h5 {
	text-align:center;
	font-weight:600;
	color:#fff;
}

.parallax-inner-bottom {
	padding-top: 10%;
	padding-bottom: 20%;
}

/*
** Recent
*/

.recent {
	text-align:center;
}

.recent h2 {
	color:#000;
	text-transform: uppercase;
	letter-spacing:3px;
}

.recent p {
	margin-bottom:60px;
	color:#96eaba;
}

.recent .item {
	padding:30px 0;
	margin-top:30px;
}

.recent ul li a {
	color:#000;
	border:2px solid transparent;
	padding:8px 20px;
	border-radius:5px;
	font-weight:600;
}

.recent ul li a:hover {
	border:2px solid #fff;
}

.recent ul li.selected a {
	background:#fff;
	color:#27ae60;
}

.recent .show-more {
	margin-top:40px;
	font-weight:600;
	background:#000;
	color:#fff;
}

/*
** Lists 
*/

.inline-list {
	list-style-type:none;
}

.inline-list li {
	display:inline-block;
	margin:0 20px;
	margin-bottom:20px;
}