body {
	font-family: "mr-eaves-modern-n2", "mr-eaves-modern";
	font-weight: 200;
	padding:0px;
	margin: 0px;
	font-size: 22px;
	line-height: 29px;
}
			
.container {
	width: 70%;
	margin-left: 17%;
	margin-right: 23%;
	position: relative;
}

@media only screen and (max-width: 650px) {
	.container {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
}

@media only screen and (max-width: 950px) and (min-width: 651px) {
	.container {
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
}
			
#logo {
	width:100%;
	position: relative;
	left: -9.25%;
	margin-top: 5%;
}

@media only screen and (max-width: 650px) {
	#logo {
		left: auto;
	}
}
			
.quote {
	font-size: 42px;
	font-style: italic;
	line-height: 52px;
	color: #888888;
	margin-top: 5%;
	padding-right: 10%;
	width: 100%;
	box-sizing: border-box;
}

.quote.right {
	text-align: right;
	padding-right: 0;
	padding-left: 10%;
}
			
@media only screen and (max-width: 950px) and (min-width: 651px) {
	.quote {
		font-size: 36px;
		line-height: 44px;
	}
}
			
@media only screen and (max-width: 650px) {
	.quote {
		font-size: 26px;
		line-height: 32px;
	}
}
			
.txt {
	font-size: 20px;
	line-height: 26px;
	color: #555;
	font-weight: 300;
	margin-top: 5%;
}
			
@media only screen and (min-width: 951px) {
	.txt {
		font-size: 22px;
		line-height: 32px;
	}
}
			
.title {
	height: 18px;
	margin-bottom: 1.5%;
	margin-top: 1.5%;
}

@media only screen and (max-width: 950px) and (min-width: 651px) {
	.title {
		height: 15px;
	}
}

@media only screen and (max-width: 650px) {
	.title {
		height: 12px;
	}
}
			
p {
	padding: 0;
	margin-top: 0;
	margin-bottom: 2%;
}
			
#footer {
	background-color: #faad00;
	width: 100%;
	min-height: 200px;
	padding-top: 2%;
	margin-top: 6%;
	box-sizing: border-box;
}
			
#footer .txt {
	color: white;
}

#footer a {
	color :white;
}

#portrait {
	position:absolute;
	bottom:0;
	left:-15%;
	width: 18%;
}
			
#portrait img {
	display: block;
}

@media only screen and (max-width: 650px) {
	#portrait {
		left: auto;
		width: 28%;
		right: 0;
		bottom: 0px;
	}
}
			
.shape {
	position: absolute;
	overflow: hidden;
	display: none;
}

#block {
	background-color: #faad00;
	height: 0.5%;
	width: 15%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
@media only screen and (max-width: 650px) {
	#block {
		width: 100%;
		height: 0.3%;
	}
}
			
.reference-source {
	font-size: 80%;
	font-weight: 400;
	line-height: 22px;
	margin-top: 0;
	margin-bottom: 22px;
	color: #faad00;
}
			
@media only screen and (min-width: 951px) {
	.reference-source {
		line-height: 28px;
	}
}
			
p.reference-body {
	margin-bottom: 0;
}

.menu {
	width: 100%;
	background-color: white;
}
.menu a {
	font-weight: 500;
	text-decoration: none;
	color: #faad00;
	margin-right: 15px;
	padding: 4px;
}
	
#reference-logos {
	width: 100%;
}

@media only screen and (min-width: 951px) {
	#reference-logos {
		width: 70%;
	}
}