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

body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	border:0 none;
	background-color:#f2f2f2;
}

header {
	background: url(http://www.amychaffee.com/images/AC.png) no-repeat top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 40%;
	display:inline-block;
	padding:0;
	margin:0;
	height:30vw;
	width: 100%;
	background-color:#ffffff;
	border-bottom: 5px #977a52 solid;
}

#name {
	font-size:7vw;
	font-family:'Raleway-thin', San-Serif;
	letter-spacing:-.025em;
	color:#6e4428;
	text-align: right;
	padding: .5em .75em
}

.name {
	position: relative;
	padding:8vw 10vw 0 10vw;
	font-size:0;
	letter-spacing:.05em;
	font-family:Gotham, Sans-Serif;
	font-weight:400;
	text-align:right;
}

article {
	width:100%;
	height:100%;
}

.home {
	background-color:#f2f2f2;
	font-size:2vmin;
	line-height:1.3em;
	font-family: 'Raleway-Regular', Sans-serif;
}

.home .box {
	padding:30px 0px 55px 0px;
	width:60%;
	font-size:2.3vmin;
	line-height:1.5em;
	font-family: 'Raleway-light', Sans-serif;
}

span {
	font-size:7.5vw;
	font-family:Gotham, San-Serif;
	font-weight:200;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	color:#7e1818;
}

nav {
	background-color:#f2f2f2;
	padding:.5em 0;
	width:100%;
	height:2.5vw
}

.nav {
	font-size:2.5vmin;
	letter-spacing:.05em;
	font-family:'Raleway-light', Sans-Serif;
}

.nav a {
	color:#8e672d;
}

.nav a:hover {
	color:#58220f;
	font-family:'Raleway-Regular', Sans-Serif;
	letter-spacing:.045em;
}

#footer {
	position: fixed;
	vertical-align:baseline;
	width:100%;
	height: 1.5vw;
	bottom:0px;
	right:1vw;
	text-align: right;
	font-family:Gotham, sans-serif;
	font-weight:100;
	font-size: .75vw;
	color:#393939;
}


/*MEDIA QUERY*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
#name {
	font-size:9vmin;
	font-family:'Raleway-thin', San-Serif;
	letter-spacing:-.025em;
	color:#6e4428;
	text-align: right;
	padding:.25em .15em;
}
	  
.nav {
	font-size:3.25vmin;
	letter-spacing:.05em;
	font-family:'Raleway-light', Sans-Serif;
}

.home .box {
	padding:30px 0px 55px 0px;
	width:80%;
	font-size:18px;
	line-height:1.5em;
	font-family: 'Raleway-light', Sans-serif;
}

#footer {
	position: fixed;
	vertical-align:baseline;
	width:100%;
	height: 3vw;
	bottom:0px;
	right:1vw;
	text-align: right;
	font-family:Gotham, sans-serif;
	font-weight:100;
	font-size: 1.75vmin;
	color:#393939;
}

}

/* Fonts */

@font-face {
		font-family: 'Raleway-Regular'; 
		src: url(fonts/Raleway-Regular.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-Light'; 
		src: url(fonts/Raleway-Light.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-ExtraLight'; 
		src: url(fonts/Raleway-ExtraLight.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-Mediaum'; 
		src: url(fonts/Raleway-Medium.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-SemiBold'; 
		src: url(fonts/Raleway-SemiBold.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-Thin'; 
		src: url(fonts/Raleway-Thin.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-Bold'; 
		src: url(fonts/Raleway-Bold.ttf) format('truetype');
}
@font-face {
		font-family: 'Raleway-ExtraBold'; 
		src: url(fonts/Raleway-ExtraBold.ttf) format('truetype');
}