/*	FONTS	*/
@font-face {
  font-family: Oswald;
  src: url(fonts/Oswald-Light.ttf);
  letter-spacing:-1px;
  font-weight:normal;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/Oswald-Medium.ttf);
  font-weight:bold;
}


*{
	margin:0;
	padding:0;
	font-family:Oswald;
}

html{
	min-height:100%;
	position:relative;
}
body{margin-bottom:265px;}
h1{
	font-size:30px;
	text-transform:uppercase;
}
h2{
	font-size:45px;
	color:rgba(255,210,4,1);
}
h3{
	font-size:30px;
	color:rgba(255,210,4,1);
	margin-bottom:20px;
}
#footer a{
	color:rgba(225,225,225,1);
	text-decoration:underline;
}
#footer a:hover{text-decoration:none;}
#footer a:visited{color:rgba(255, 255, 255, 1);}


#header{
	width:100%;
	position:relative;
	top:0;
	height:125px;
	background-color:rgba(52,51,51,1);
}
#logo{
	position:absolute;
	top:21px;
	left:54px;
}
#contact{
	position:absolute;
	top:15px;
	right:54px;
	color:rgba(135,135,135,1);
	font-weight:bolder;
	font-size:20px;
	text-align:right;
}

#sections{
	width:100%;
	font-size:0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.section{
	width:33.3333333%;
	background-color:rgba(223,223,223,1);
	font-size:18px;
	text-align:center;
	vertical-align:top;
	flex:1;
	padding:54px 25px;
}
.section .content{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	height:100%;
}
.section:nth-child(even){background-color:rgba(212,212,212,1);}
.section:hover{
	background-color:rgba(255,210,4,1);
	cursor:pointer;
}
.section:hover .btn{color:rgba(255,255,255,1);}
.section a{
	color:inherit;
	text-decoration:none;
}
.product{
	width:100%;
}
.section p{
	margin-top:15px;
	text-align:left;
	overflow:hidden;
	margin-bottom:25px;
}
.sublogo{
	display:block;
	width:100%;
}
.btn{
	background-color:rgba(54,51,51,1);
	border-radius:10px;
	color:rgba(255,210,4,1);
	font-weight:bold;
	display:inline-block;
	margin:35px auto 0 auto;
	padding:10px 100px;
	vertical-align:bottom;
}
.top p{
	margin:10px auto;
	width:87%;
	max-width:500px;
}

#mission{
	width:100%;
	background-color:rgba(93,89,89,1);
	border:7px solid rgba(93,89,89,1);
	border-left:0;
	border-right:0;
	font-size:18px;
	color:rgba(225,225,225,1);
	position:relative;
}
#text{
	display:inline-block;
	width:49.5%;
	margin-left:50%;
}
.contact{margin-top:15px;}
.padding{padding:50px;}

#photo{
	position:absolute;
	width:50%;
	top:0;
	bottom:0;
	left:0;
	vertical-align:top;
	display:inline-block;
	background-size:cover;
	background-position:center center;
}
#plants{
	position:absolute;
	top:0;
	width:100%;
	font-size:0;
	background-color:rgba(93,89,89,0.75);
}
.plant{
	color:rgba(229,229,229,1);
	width:33.3333%;
	display:inline-block;
	font-size:18px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
}
.plant h3{
	margin-bottom:0;
	font-size:18px;
}
.plant.selected{
	background-color:rgba(180,180,180,0.5);
}
.plant:not(.selected):hover{
	background-color:rgba(180,180,180,0.15);
}
#photo img{
	width:100%;
	vertical-align:bottom;
}
#location{
	position:absolute;
	color:rgba(255,210,4,1);
	font-size:18px;
	font-weight:bold;
	bottom:0;
	right:0;
	z-index:1500;
	padding:10px;
	background-color:rgba(0,0,0,0.5);
}

#footer{
	background-color:rgba(51,51,51,1);
	position:absolute;
	bottom:0;
	width:100%;
	height:265px;
	color:rgba(225,225,225,1);
}
#foot{
	margin-top:25px;
	padding:0 25px;
}
#assoc{
	margin-top:15px;
	height:126px;
	font-size:0;
}
#assoc div{
	display:inline-block;
	vertical-align:middle;
	margin:0 15px;
	width:12%;
	margin:0 2%;
}
#assoc div img{
	max-width:100%;
}
#assoc img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}
#copy{
	position:absolute;
	bottom:25px;
	right:50px;
}
#copy img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}