/* -------------------------------- 

Primary style

-------------------------------- */
html *{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body{
font-size: 100%;
color: #3D3536;
background-color: white;
}

body, html{
/* important */
height: 100%;
}

a{
 color: #bf1920; 
text-decoration: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container{
width: 80%;
max-width: 1050px;
margin: 0 auto;
position: absolute;
padding: 0;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.cd-container::after{
/* clearfix */
content: '';
display: table;
clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

.cd-header{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: rgba(255,255,255,0.95);
z-index: 2;
}

.cd-header:after{
content: "";
display: table;
clear: both;
}

.cd-header #cd-logo{
float: left;
margin: 13px 0 0 5%;
}

.cd-header #cd-logo img{
display: block;
}

@media only screen and (min-width: 768px){

	.cd-header{
	height: 70px;
	}

	.cd-header #cd-logo{
	margin: 23px 0 0 5%;
	}

}

.cd-main-nav{
float: right;
margin-right: 5%;
width: 44px;
height: 100%;
background: url("../img/cd-icon-menu.svg") no-repeat center center;
background-size: 44px 44px;
cursor: pointer;
}

.cd-main-nav ul{
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}

.cd-main-nav ul.is-visible{
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}

.cd-main-nav a{
display: block;
height: 50px;
line-height: 50px;
padding-left: 5%;
background: #2F292A;
border-top: 1px solid #453C3D;
color: #8E7D7F;
}

@media only screen and (min-width: 768px){

	.cd-main-nav{
	width: auto;
	height: auto;
	background: none;
	cursor: auto;
	}

	.cd-main-nav ul{
	position: static;
	width: auto;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	line-height: 70px;
	}

	.cd-main-nav ul.is-visible{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	}

	.cd-main-nav li{
	display: inline-block;
	margin-left: 1em;
	}

	.cd-main-nav a{
	display: inline-block;
	height: auto;
	line-height: normal;
	background: transparent;
	padding: 0.6em 1em;
	border-top: none;
	color: #3D3536;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	}

	.no-touch .cd-main-nav a:hover{
	color: #99A478;
	}

}

.cd-main-content{
/* you need to assign a min-height to the main content so that the children can inherit it*/
height: 100%;
position: relative;
z-index: 1;
}

.cd-fixed-bg{
position: relative;
min-height: 100%;
width: 100% !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
line-height: 1.6;
}

.cd-fixed-bg h2,
.cd-scrolling-bg h2{
bottom: auto;
right: auto;
width: 100%;
text-align: left;
font-size: 28px !important;
font-weight: bold !important;
color: #FFF;
margin: 0 auto;
}

.cd-bg-0{
background-color: #FFF;
}

.cd-bg-1{
background-image: url("../images/topbg01.jpg");
}

.cd-bg-2{
background-image: url("../images/topbg02.jpg");
}

.cd-bg-3{
background-image: url("../images/topbg03.jpg");
}

.cd-bg-4{
background-image: url("../images/makebg02.jpg");
background-position: center !important;
}

.cd-bg-5{
background-image: url("../images/topbg05.jpg");
}

.cd-bg-6{
background-image: url("../images/topbg06.jpg");
}

.cd-bg-7{
background-image: url("../images/topbg07.jpg");
}

@media only screen and (min-width: 768px){

	.cd-fixed-bg h1, .cd-fixed-bg h2{
	font-size: 36px;
	}

}
@media only screen and (min-width: 1170px){

	.cd-fixed-bg {
	background-attachment: fixed;
	}

	.cd-fixed-bg h1, .cd-fixed-bg h2{
	font-size: 48px;
	font-weight: 300;
	}

}

.cd-scrolling-bg{
position: relative;
min-height: 100%;
width: 100% !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
line-height: 1.6;
}

@media only screen and (min-width: 768px){

	.cd-scrolling-bg{
	padding: 10em 0;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2;
	font-weight: 300;
	}

}

.cd-bg-f{
position: relative;
z-index: 1;
background-image: url("../images/footerbg.jpg");
width: 100% !important;
padding: 0 !important;
}

.cd-bg-f .cd-container{
width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}


@media (max-width: 768px){

	.cd-container{
	width: 75%;
	}

}