body {
	/* background: #f6f0e1; */
	background-image: url('/images/eobancom-bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	/* font-family: "Rubik", sans-serif; */
	font-family: 'National Park';
	color: #7F7E71;
	padding:0 0 50px 0;
	margin:0;
}

h1 {
	color: #7F7D71;
	font-size: 36px;
	text-transform: uppercase;
	padding: 0% 10% 0% 60%;
}

h1 span {
	color: #333;
}

a {
	color: #403F38;
	text-decoration: none;
	-webkit-transition: border-width 0.2s ease;
	border-bottom:1px solid #939F88;
}

a:hover {
	border-bottom: 6px solid #939F88;
}

p, ul {
	font-size: 19px;
	line-height: 30px;
}

ul li {
	margin-bottom: 10px;
}

div#content {
	/* background: #E4E1CA url('scuffs.jpg') right bottom no-repeat; */
	padding: 0% 5% 5% 55%;
}

/* mobile */

/* #### Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
	body {
	background-position:65% 0;
	background-size:auto 100%;
	}
	div#content {
	/* background: #E4E1CA url('scuffs.jpg') right bottom no-repeat; */
	padding: 0% 0% 5% 55%;
}
	/* 
	a {
		white-space:nowrap;
		background: #cac4aa;
		padding: 1px 5px;
		border-radius: 5px;
	}
	*/
	
	/* 
		@media (prefers-color-scheme: dark) {
		a {
		white-space:nowrap;
		background: #555;
		padding: 1px 5px;
		border-radius: 5px;
		}
	}
	*/
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	/* 
	a {
		white-space:nowrap;
		background: #cac4aa;
		padding: 1px 5px;
		border-radius: 5px;
	}
	*/
}

/* 
@media (prefers-color-scheme: dark) {
	body {
		background: #444;
	}
	
	h1 {
		color: #999;
	}
	p, ul li {
		color: #ccc;
	}
	
	a {
		color: #939F88;
	}
}
*/