body {
	font-family: Whitney, Tahoma, Arial, serif, sans-serif;
	font-size: 15px;
	padding: 0;
	margin: 0;
	background-color: #212121;
}

/* Reset Styles */


/*Global*/
.container {
	width: 80%;
	margin: auto;
	overflow: hidden;
}

 ul {
	margin: 0;
	padding: 0;
}

.page-title {
   font-size: 40px;
}

/*Header*/
header {
	background-color: #0d0d0d;
	color: #fff;
	padding-top: 30px;
	min-height: 70px;
	border-bottom: #ff5555 3px solid;
}

header a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
}

header li {
	float: left;
	display: inline;
	padding: 0 20px 0 20px;
}

header #branding {
	float: left;
}

div#branding h1 {
	font: 70px Cormorant;
	margin: 0;
}

header nav {
	float: right;
	margin-top: 10px;
}

header .highlight, header .current a {
	color: #ff5555;
	font-weight: bold;
}

header a:hover {
	color: #fcf6f7;
	font-weight: bold;
}

/* Showcase */

#showcase {
	min-height: 400px;
	text-align: center;
	color: #fcf6f7;
	font: 15px Whitney;
}

#showcase a {
   text-decoration: underline 1.5px;
   color: #ff5555;
}

#showcase a:hover {
   color: #ffc17b;
}

#showcase h1 {
	margin-top: 50px;
	font-size: 55px;
	margin-bottom: 71px;
}

#showcase p {
   font-size: 20px;
   text-align: center;
}

#showcase dl {
	font-size: 15px;
	text-align: left;
}

#showcase dt {
   text-decoration: none;
   color: #ff5555;
   margin: 5px;
   font-weight: bold;
}

/* Boxes */

#boxes {
	margin-top: 20px;
}

#boxes .box {
	float: left;
	text-align: center;
	width: 30%;
	padding: 10px;
}

#boxes .box img {
	width: 90px;
	float: left;
}

/* Sidebar */

aside#sidebar .box {
	float: left;
	width: 25%;
	margin-top: 10px;
}

aside#sidebar img {
   width: 100%;
   margin: 10px;
   float: left;
}

/* My Hobbies */

section#list {
   text-align: left;
}

div .hobbies a {
   text-decoration: none;
   color: #ff5555;
}

div .hobbies a:hover {
   color: #ffc17b;
}

.hobbies img{
   width: 35%;
}

/* About */

#main {
   color: #fcf6f7;
   font: 15px Whitney;
}

article#main-info {
   float: right;
   width: 65%
}

article#main-col {
   float: none;
   width: 65%;
}

article#main-col h1 {
   min-height: 50px;
   font-size: 35px;
}

p#me {
   list-style: none;
   padding: 20px;
   border: #ff5555 solid 1px;
   margin-bottom: 17px;
   background: #0d0d0d;
   font-size: 20px;
}

/* Contact Information */

ul#info li{
   list-style: none;
   padding: 20px;
   border: #ff5555 solid 1px;
   margin-bottom: 17px;
   background: #0d0d0d;
}

/* Footer */

footer {
	margin-top: 20px;
	border: 0;
	padding: 20px;
	background-color: #0d0d0d;
	color: #ff5555;
	text-align: center;
}

/* Media Queries */

@media screen and (max-width: 751px){
	header #branding, header nav, header nav li,#newsletter h1,#newsletter form,#boxes .box,article#main-col,aside#sidebar{
		float: none;
		text-align: center;
		width:100%;
		font-size: 20px;
	}
	
	header #branding h1 {
	   font-size: 40px;
	}
	
	header {
		padding-bottom: 20px;
	}
	
	#showcase {
	   font-size: 20px;
	}
	
	#showcase h1 {
		margin-top:40px;
	}
	
	#newsletter button, .quote button{
		display: block;
		width:100%;
	}
	
	#newsletter form input[type="email"], .quote input, .quote textarea{
		width:100%;
		margin-bottom:5px;
	}
}

@media screen and (max-width: 600px) {
   #showcase dd {
	  display: none;
   }
   
   header nav {
      display: none;
   }
}