@charset "UTF-8";
div.main-landing{
	margin: 0 auto;
}
div.main {
	margin: 0 auto;
    width: 90%;
    max-width: 1024px;
}
div.wide-main {
	margin: 0 auto;
    width: 90%;
	max-width: 1320px;
}
.main-landing h1 {
	font-size: 1.7em;
    color: #ffffff;
	font-weight: 700;
	border-bottom: none;
}
h1 {
	font-size: 2.5em;
	font-weight: 700;
    color: #7e7b7b;
}
div.articleHeader h1.my-projects {
	padding-left: 15px;
	
	padding: 1em 0 1em;
	margin-bottom: 0;
    background: #161d2e;
}	
h2 {
	font-size: 1.2em;
	margin-bottom: 32px;
}
h3 {
	color: #ababab;
    font-weight: 500;
    font-size: 1.3em
}
.main-landing article {
	margin: 0 auto;
}
.article-content a {
	color: #ababab;
    text-decoration: none;
}
article {
    border-radius: 10px;
}
body.design-process article {
	margin: 0;

}
.about-me {
    padding: 2em 0 1em;
    text-align: center;
    max-width: 44em;
    margin: 0 auto 0;
  
}
.about-me img {
	width: 51%;
    margin-left: -2.5%;
}
.main-landing header.articleHeader {
    padding: 0;
    margin: 10px 0 0;
}
header.articleHeader {
    padding: 0;
    margin: 10px 0 0;
	background: none;
}
.main-landing p.article-content {
	font-size: 1em;
    line-height: 34px;
    margin: 0 0 25px;
}
p.article-content {
    font-size: 1em;
    line-height: 26px;
    margin: 0 auto 41px;
    text-align: center;
    max-width: 52em;
}

p.articleDate {
	color: #adadad;
	padding-bottom: 26px;
}
.main-landing p.articleDate {
	color: #adadad;
	padding-bottom: 26px;
	margin-top: 0px;
}  
a.incontext-link {
	text-decoration: none;
	color: #66aadc;
	transition: all 0.2s ease 0.15s;
}
a.incontext-link:hover {
	color: #3b84c5;
}
.main-landing {
	/*background:#0d1c41;*/
    
}
.articleContainer {
	min-width:12em;
}
.articleContainer li {
	float: initial;
    line-height: 1.5em;
}
.articleContainer li a {
	color: #a5a8ac;
    transition: all 0.2s ease 0.1s;
}
.articleContainer li a:hover {
	color: #f03685;
}
img.once-upon-a-time {
	max-width:100%;

 }
 .article img {
    padding-bottom: 30px;
}
@media screen and (max-width: 550px) {
	ul.projects {
	}
	li.projects img {
	margin: 2.4em .7em 0px .5em;
    width: 9em;


	}
	h2.link-list-heading {
		margin: 20px 0 15px 15px;
	}
	p.link-list-paragraph {
    	margin: 0 0 10px 0;
	}
	li.projects a {	
		margin: 0 0 20px;
	}
	header.articleHeader h1.my-projects {
		padding-left: 15px;
	}
}
@media screen and (max-width: 732px) {
	h1 {
		font-size: 1.5em;
   		line-height: 29px;
	    padding: 0 0 15px 0;
	}
	h2 {
		font-size: 1em;
		line-height: 33px;
	}
	p.article-content {
		font-size: 0.9em;
    	line-height: 26px;
	}
	a.logo {
	}
	header {
		background: rgb(18, 24, 37);
	}
	div.headerContainer {
	}
	.about-me {
		padding: 3em;
	}
	.about-me img {
		margin-bottom: 15px;
	}
	div.main-landing {
		margin: 0 auto 12em;
	}
	.main-landing h1 {
		font-size: 1.5em;
		line-height: 1.4em;
		padding: 0 0 15px 0;
	}
	.main-landing p.article-content {
		font-size: .9em;
		line-height: 24px;
		margin: 0 0 45px;
	}
	img.once-upon-a-time {
		margin: 0 auto 30px;
		display: block;
		float: none;
		padding-left: 0;
		width: 100%;
	} 
	.navy {
		display: none;
	}
 }
@media(min-width: 500px){
        font-size: 1.7em;
    }
}