/*background: #048a44;*/

html, body {
	height: 100%;
	position: relative;
	font-family: "Nunito", "Helvetica", "Arial", sans-serif;
	color: #fff;
	background: rgba(4,138,68,1);
}

/* This parent can be any width and height */
.block {
  text-align: center;
}

/* The ghost, nudged to maintain perfect centering */
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.3em; /* Adjusts for spacing */
}

/* The element to be centered, can
   also be of any width and height */
.centered {
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
  /*background: rgba(0,0,0,0.5);*/
  background: rgba(4,138,68,0.8);
}

.stock, .overlay, .content {
	height: 100%;
	width: 100%;
	position: absolute;
	text-align: center;
}

.stock {
	background-image: url('../img/salad.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.overlay {
	/*background: rgba(4,138,68,0.8);*/
	
}

.content {
	height: 100vh;
}

.content .logo {
	display: inline;
	width: 300px;
}

.content h1 {
	font-size: 36px;
}

.content h3 {
	border-top: 1px solid #aeaeae;
	padding-top: 30px;
}

.contact a {
	color: #f5f5f5;
}

.social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.social li {
	float: left;
	margin: 0 10px;
}

.social li a {
	color: #fff;
}

.social li:hover a {
	text-shadow: 0px 0px 10px #fff;
}

.social li.fb:hover a { color: #3b5998; }
.social li.twitter:hover a { color: #00aced; }
.social li.instagram:hover a { color: #517fa4; }