body {
	font-family: Arial;
	padding: 0;
	margin: 0;
}
.site {
    margin: 0 auto;
}
.container .background {
	position: absolute;
	width: 100%;
	z-index: -1;
}
.container .background .green {
	background-color: #76916e;

}
.container .background .gray {
	background-color: #f2f2f2;
	border-bottom: 1px solid #d9d9d9;
}
.container .site .header .logo {
	background-color:#fff;
	border: 1px solid #d9d9d9;
	float: left;
	width: 25.5%;
	height: 96%;
	background-image: url('../images/logo.png');
	background-size: 81%;
	background-repeat: no-repeat;
	background-position: center;
}
.container .site .header .email {
     float: right;
     color: white;
     padding-right: 2%;
     padding-top: 1%;
}
.container .site .header .email a {
      color: white;
      text-decoration: none;
}
.container .site .content .block  {
	margin-top: 2%;
}
.container .site .content .block .title {
	color:  #76916e;
	font-weight: bold;
	font-size: 130%;
}
.container .site .content .block .object {
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
    padding: 2%;
    margin-left: 2.5%;
    margin-top: 1.5%;
    margin-right: 2%;
    color: #636363;
}
.container .site .content .block .object a {
	color: #76916e;
}
.container .site .footer {
	color: #636363;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
}
.container .site .footer a {
	color: #636363;
	text-decoration: none;
}
.photo {
    text-align: center;
    margin-top: 2%;
}
.photo img {
    border: 1px solid #d9d9d9;
    width: 50%;
}

@media only screen and (max-width : 600px) {
	body {
		font-size: 3.5vw;
		line-height: 5vw;
		text-align: center;
	}
	.container .background .green {
		height: 6.2vw;
	}
	.container .background .gray {
		height: 2.2vw;;
	}
	.container .site {
		width: 95vw;
		padding-top: 2vw;
	}
	.container .site .header {
	    height: 20.5vw;
	}
	.container .site .header .email {
	      display: none;
	}
	.container .site .header .logo {
		float: none;
		width: 65.5%;
		height: 96%;
		margin: 0 auto;
	}
	.container .site .content .block {
	    margin-top: 5%;
	}
	.container .site .content .block .object {
		text-align: left;
		padding: 4%;
		margin-left: 2.5%;
		margin-top: 3.5%;
		margin-right: 2%;
	}
	.container .site .footer {
		margin-bottom: 5%;
		margin-top: 5%;
		font-size: 2.65vw;
		line-height: 4vw;
	}
	.photo img {
	    width: 100%;
	}
}

@media only screen and (max-width : 1150px) and (min-width : 601px) {
	body {
		font-size: 1.5vw;
		line-height: 2vw;
	}
	.container .background .green {
		height: 6.2vw;
	}
	.container .background .gray {
		height: 2.2vw;;
	}
	.container .site {
		width: 95vw;
		padding-top: 2vw;
	}
	.container .site .header {
	    height: 10.5vw;
	}
}

@media only screen and (min-width : 1150px) {
	body {
		font-size: 16px;
		line-height: 20px;
	}
	.container .background .green {
		height: 70px;
	}
	.container .background .gray {
		height: 25px;
	}
	.container .site {
	    width: 1100px;
	    padding-top: 20px;
	}
	.container .site .header {
	    height: 120px;
	}
}