body,html{
	font-family: 'Source Sans Pro', sans-serif;
	background: #FFFFFF;
	color: #333333;
	font-weight: 300;
}

h1
h2, .h2{text-transform: uppercase; text-align: center; font-size: 250%; font-weight: 600; letter-spacing: 5px; margin: 0 0 50px 0;}

img{max-width: 100%; height: auto;}

.bggrey{
	background: #f0f0f0;
	padding: 80px 0;
}

.darkbg{
	background: #5b9038;
	color: #FFF;
	padding: 80px 0;
}


.header{
	background: #FFFFFF;
	padding: 0;
}

.header .logo{line-height: 80px;}
.header .logo img{max-width: 200px;	max-height: 60px; height: auto;	width: auto;}

.header .mainmenu{}
.header .mainmenu ul{width: 100%; text-align: right; margin: 0; padding: 0;}
.header .mainmenu ul li{display: inline-block;}
.header .mainmenu ul li a{color: #5B9038; text-decoration: none; padding: 0 20px; line-height: 80px; text-transform: uppercase; font-size: 110%; font-weight: 400; letter-spacing: 2px;}
@media only screen and (max-width: 600px){
	.header .logo{text-align: center;}
	.header .mainmenu ul{text-align: center; margin: 0 0 20px 0;}
	.header .mainmenu ul li.hide-mobile{display: none;}
	.header .mainmenu ul li a{padding: 0 5px; line-height: 20px; text-transform: uppercase; font-size: 80%;}
}


.slider{background-position: center center; background-size: cover; height: 650px;}
.slider{background: none; height: auto;}
.slider img{width: 100%; height: auto;}

.statement{font-size: 200%; text-transform: uppercase; padding: 100px 15px; margin: 0; text-align: center; background: #5b9038; color: #FFFFFF;}
@media only screen and (max-width: 600px){
	.statement{padding: 50px 15px; font-size: 150%;}
}

.about{}

.mission{}
.mission ul.styled{margin: 30px 0 50px 0; padding: 0; list-style: none;}
.mission ul.styled li{background: rgba(0,0,0,0.05); padding: 15px 0;}
.mission ul.styled li:nth-child(even){background: none;}
.mission .inner{margin: -100px 0 0 0; background: #FFFFFF; padding: 50px 0; z-index: 999; position: relative;}
.mission .desc{font-size: 120%; line-height: 1.3; text-align: center;}
@media only screen and (max-width: 600px){
	.mission .inner{margin-top: 0;}	
}

.brands{}
.brands .brand{margin: 0;}
.brands .brand .desc{margin: 0;}
.brands .brand .title{font-size: 130%; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0; padding: 20px 0; letter-spacing: 5px; border-bottom: 2px solid #333333; text-align: center;}
.brands .icon img{width: auto; height: 30px; margin: 0 auto;}
.brands .icon{padding: 0 0 20px 0; margin: 0; border-bottom: 2px solid #333333; text-align: center;}
.brands .brand .link{color: #000; margin: 10px 0 30px 0; font-weight: 600; border-bottom: 2px solid #000; display: inline-block;}
.brands .brand .link:hover{text-decoration: none; opacity: 0.7;}

@media only screen and (max-width: 600px){
	.brands .brand{margin-bottom: 80px;}
	.brands .col-md-3:last-child .brand{margin-bottom: 0px;}
}

.person{}
.person .title{text-align: center; font-size: 130%; font-weight: 600; text-transform: uppercase; margin: 20px 0 0 0; letter-spacing: 5px;}
.person .position{text-align: center; font-size: 100%; font-weight: 300; text-transform: uppercase; margin: 0; letter-spacing: 5px;}
.person .desc{text-align: center; display: none;}
.person .email{margin: 10px 0 80px 0; text-align: center;}
.person .email a{background: #FFFFFF; color: #5B9038; padding: 5px 10px;}
.person .email a:hover{text-decoration: none; opacity: 0.5;}
.person .portrait img{width: 120px; height: auto; margin: 0 auto; display: block; border-radius: 200px;}
@media only screen and (max-width: 600px){
	.person{margin-bottom: 80px;}
	.col-md-4:last-child .person{margin-bottom: 0px;}
}

.footer{background: #4a752e; color: #FFF; padding: 50px 0; text-align: center;}
@media only screen and (max-width: 600px){
	.footer span{height: 1px; overflow: hidden; width: 100%; display: block;}	
}

.item{}
.item .title{text-align: center; font-size: 130%; font-weight: 600; text-transform: uppercase; margin: 20px 0; letter-spacing: 5px;}
.item .desc{text-align: center;}
.item .icon img{width: 80px; height: auto; margin: 0 auto; display: block;}
@media only screen and (max-width: 600px){
	.item{margin-bottom: 80px;}
	.col-md-4:last-child .item{margin-bottom: 0px;}
}

.top-link{position: fixed; z-index: 9999; bottom: 10px; right: 5%; width: 40px; height: 40px; background: #FFF; display: none; text-align: center; line-height: 40px;}
@media only screen and (max-width: 600px){
	.top-link{bottom: 15px; right: 15px;}	
}