@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

a {
	outline:0;
}

html {
	font-size: 62.5%;
}

html, body {
	height:100%;
}

body {
	font-size: 1.4rem; /* =14px */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fefefe;
	-webkit-text-size-adjust:100%;
}

h1   {
	font-size: 2.4rem; /* =24px */
}


/* ---------- links */

a:link {
	color:#593f20;
	text-decoration:none;
}

a:visited {
	color: #593f20;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

/* ---------- links END */


/* ---------- fonts */

@font-face {
	font-family:siteHeader;
	src:url('../fonts/MyriadPro-Light.otf');
}

@font-face {
	font-family:siteText;
	src:url('../fonts/MyriadPro-Regular.otf')
}

/* ---------- fonts END*/


/* ---------- header ids and classes */

h1.page_title_header {
	display:inline;
	font-family:siteHeader
    ,"Trebuchet MS", Arial, Helvetica, sans-serif; /* IE */
	color:#000;
	margin:0;
	text-decoration:none;
	text-align:left;
}

/* ---------- header ids and classes END */


/* ---------- text ids and classes */

p.intro {
	margin:2% 0;
	text-align:justify;
}

p.email {
	margin:5% 0 0 0;
	text-align:justify;
}

p.footer {
	font-size:1.3rem;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
	line-height:22px;
}

/* ---------- text ids and classes END */


/* ---------- main ids and classes */

#wrapper {
	width:98%;	
	max-width:940px;
	padding:0 1%;
	margin:.5% auto;
}

.cover {
	float:left;
	width:60%;
	margin:1% 4% 1% 0;
	border:1px solid #000;
	box-shadow:10px 10px 5px #acacac;
}

.cover img {
	display:block;
	width:100%;
}

.intro_content {
	float:left;
	width:35%;
	margin:1% 0;
}

footer {
	float:left;
	width:100%;
	height:auto;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0;
}

/* ---------- main ids and classes END */


/* ---------- media queries */

@media screen and (max-width: 960px) {

	.cover {
		clear:both;
		display:block;
		float:none;
		width:60%;
		margin:1% auto;
		border:1px solid #000;
		box-shadow: 10px 10px 5px #acacac;
	}

	.intro_content {
		display:block;
		float:none;
		width:60%;	
		margin:3% auto;
	}
	
}

@media screen and (max-width: 570px /*480px*/) {

	.cover {
		clear:both;
		display:block;
		float:none;
		width:300px;
		margin:1% auto;
		border:1px solid #000;
		box-shadow: 10px 10px 5px #acacac;
	}

	.intro_content {
		display:block;
		float:none;
		width:300px;	
		margin:5% auto;
	}
	
}

@media screen and (max-width: 480px) {

	/* none yet */

}

@media screen and (max-width: 320px) {
	
	/* none yet */
	
}

@media screen and (max-width: 315px) {

	/* none yet */
	
}

/* ---------- media queries END */