/*Never changes*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,100);

/*ultilty*/
.shadowlv0{ box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1); }
.shadowlv1{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.shadowlv2{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.shadowlv3{ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.shadowlv4{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.shadowlv5{ box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); }


body { 
	font-family: 'Roboto', sans-serif;
	line-height: 1.54; 
	background: #fff; 
	color: #444; 
	letter-spacing: 0.020em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #444;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

h2{
	font-weight: 400;
	font-size: 21px;
	color: #444;
	margin-bottom: 25px;
	margin-top: 30px;
}

h3{
	font-weight: 400;
	font-size: 14px;
	color: #444;
	margin-top: 10px;
}

p, ul,ol,li{
	font-weight: 400;
	font-size: 13px;
	color: #63666a;
	margin-bottom: .7rem;
}

header {
	padding-top: 20px;
}

nav{
	padding: 20px 0px 0px;
	/*border-bottom: 1px solid #eee;*/
}

a:hover{
	color: #c9c9c9; 
}

a h3:hover{
	color: #c9c9c9; 
}


article img{
	margin: 20px 0px 30px;
}

article p{
	font-size: 15px;
	color: #575757;
	font-weight: 400;
}

article h2{
	/*padding-top: 35px;*/
	color: #111;	
}

article h3{
	font-size: 16px;
	color: #373737;
	font-weight: 800;
	padding-top: 30px;
	padding-bottom: 20px;
}

article h4{
	font-size: 16px;
	color: #767676;
	font-weight: 300;
	margin-top: 30px;
	margin-bottom: 30px;
}

article a{
	color: inherit;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

blockquote{
	margin-top: 20px;
	margin-bottom: 30px;
}

hr{
	margin-top: 20px;
}

nav a{
	text-decoration: none;
	color: #666;
}

nav a:hover{
	color: #c9c9c9;
}

section a{
	color: inherit;
}

section a:hover{
	color: #c9c9c9;
	
}

.underline{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.centered-list{
	list-style-type: none; 
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 2px;
}


.bold-text{
	font-weight: 600;
	font-size: 14px;
	color: #636364;
}

.article-footer{
	margin-top: 50px;
	text-decoration: none;
}

.italic{
	font-style: italic;
} 

.small{
	font-size: 80%;
}

.bold{
	font-weight: 600;
}

.last{
	margin-top: 80px;
}

#header-name{
	font-weight: 600;
	font-size: 40px;
	color: #60636A;
	letter-spacing: 26px;
	padding-top: 50px;	

	color: white;
	text-shadow:
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}

#header-name:hover{
	color: black;
}

#date{
	padding-top: 15px;
	color: #9C9C9C;
	font-size: 10px;	
	padding-bottom: 15px;
}