html {
  position: relative;
  min-height: 100%;
}

body {
	background: #7fa964;
	background-image: url(../images/content-background.jpg);
	background-position: top center;
	background-repeat: repeat;

	margin-bottom: 60px;

	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
}

a {
	color: #d8e5d0;	
}

a:hover {
	color: #bfd4b1;
}

.header {
	background-color: white;
	color:black;
	min-height:90px;
}

.header img.logo {
	margin-top:30px;
}

img.arc {
	position: fixed;
	left: 50%;
	margin-left: -1280px;
}

.middle-content {
	background-color: #4b6d3e;
	background-image: url(../images/middle-background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top:90px;
	padding-top:0;
	padding-bottom: 0;
}

.middle-content .container {
	
}

.main-content {

}

#footer {
  padding-top: 50px;
  width: 100%;
}

.footer-container {
  background-image: url(../images/madar.png);
  background-repeat: no-repeat;
  background-position: top right;
  height: 140px;
}

.facebook-box {
	position: absolute;
	top:-50px;
	left:50px;
}

.facebook-like {
	position: absolute;
	left:290px;
	top:30px;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.middle-content {
		background-size: 160% auto;
	}
	.facebook-box {
		left:0px;
	}
	.facebook-like {
		position: absolute;
		left:240px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.header img.logo {
		margin-bottom:20px;
	}
	.middle-content {
		background-size: 140% auto;
		padding-top:20px;
	}
	.footer-container {
		background: none;
		height: 140px;
	}
	.facebook-box {
		position: static;
	}
	.facebook-like {
		position: absolute;
		left:250px;
		top:80px;
	}

}

@media (max-width: 768px) {
	.header img.logo {
		margin-bottom:20px;
	}
	.middle-content {
		background-size: 150% auto;
		padding-top:10px;
	}
	.footer-container {
		background: none;
		height: 140px;
	}
	.facebook-box {
		position: static;
	}
	.facebook-like {
		position: absolute;
		left:190px;
		top:55px;
	}
}