/**
*	NEW STYLE
**/

body {
	font-family: 'Work Sans', sans-serif;
   	color: #37474F;
}



.wrapper
{
margin: 0 auto;
    display: block;
    width: 80%;
    max-width: 900px;
    font-family: 'Work Sans', sans-serif;
    }

   .wrapper p, .wrapper ul {
   	width: 100%;
font-family: 'Work Sans', sans-serif;
   	color: #37474F;
   	font-weight: 300;

   }

h1, h2, h3, h4, h5, h6, .link {
font-weight: regular; 
font-family: 'Archivo', sans-serif;
text-transform: none;

}

.wrapper h1,
.nav .nav-work-list a,
.about-content-wrap h1,
.right-about-section h2 {text-transform: none !important }


.nav-work-list {
	margin-left: 16px;
}
.nav {
	   	color: #37474F;

}

a.link {
    /*border-bottom: 1px solid;*/
    padding-bottom: 0.5em;
    font-size: 16px;
}

.nav .nav-work-list li {
font-family: 'Work Sans', sans-serif;
   	color: #37474F;



}

.nav h3 {
margin-bottom: 0.5em;
margin-top: 0.5em;
margin-left: 16px}

@media (min-width: 750px) {
.desk-header h2 a {
    display: inline-block;
    width: 100%;
    height: 180px;
    margin: 16px auto 0px;
    background: url(../img/scratch.gif) no-repeat center center;
    background-size: contain;
}}


/**
*	COLORS NEW
**/

/*
.light-yellow {}
	.nav .nav-work-list a.light-yellow:hover, .nav .nav-work-list a.light-yellow.active {
		color: #FCB215;
	}
	.light-yellow.homepage-tile {
		background-color: #FCB215;
	}
	.light-yellow.project-content-wrap h1 {
		border-bottom: 3px solid #FCB215;
	}
	.light-yellow .project-controls a {
		color: #FCB215;
	}
	.light-yellow .loader-cover-inner {
		background-color: #FCB215;
	}

	.light-yellow .link{
		color: #FCB215;
	}

	.light-yellow .button
	{
		background: #FCB215;
	    display: inline-block;
	    color: white;
	    padding: 0.2em 4em;
	    margin: 1em 0;
	    border-radius: 1em;
	}
	
	.light-yellow .button:hover
	{
		background: #F9BF2B;
	}

.dark-yellow {} 
	.nav .nav-work-list a.dark-yellow:hover, .nav .nav-work-list a.dark-yellow.active {
		color: #F9BF2B;
	}
	.dark-yellow.homepage-tile {
		background-color: #F9BF2B;
	}
	.dark-yellow.project-content-wrap h1 {
		border-bottom: 3px solid #F9BF2B;
	}
	.dark-yellow .project-controls a {
		color: #F9BF2B;
	}
	.dark-yellow .loader-cover-inner {
		background-color: #F9BF2B;
	}
	.dark-yellow .project-link{
		background-color: #F9BF2B;
		box-shadow: #CF9E23 0px 3px 0px;
	}
	.dark-yellow .link{
		color: #F9BF2B;
	}

.light-green {}
	.nav .nav-work-list a.light-green:hover, .nav .nav-work-list a.light-green.active {
		color: #66BB6A;
	} 
	.light-green.homepage-tile {
		background-color: #66BB6A;
	}
	.light-green.project-content-wrap h1 {
		border-bottom: 3px solid #66BB6A;
	}
	.light-green .project-controls a {
		color: #66BB6A;
	}
	.light-green .loader-cover-inner {
		background-color: #66BB6A;
	}

	.light-green .project-link{
		background-color: #66BB6A;
		box-shadow: #29905E 0px 3px 0px;
	}
	.light-green .link{
		color: #66BB6A;
	}
	.light-green .button {
				color: white;
				background-color: #66BB6A;

	}

.dark-green {} 
	.nav .nav-work-list a.dark-green:hover, .nav .nav-work-list a.dark-green.active {
		color: #31AC70;
	}
	.dark-green.homepage-tile {
		background-color: #31AC70;
	}
	.dark-green.project-content-wrap h1 {
		border-bottom: 3px solid #31AC70;
	}
	.dark-green .project-controls a {
		color: #31AC70;
	}
	.dark-green .loader-cover-inner {
		background-color: #31AC70;
	}

	.dark-green .project-link{
		background-color: #31AC70;
		box-shadow: #29905E 0px 3px 0px;
	}
	.dark-green .link{
		color: #31AC70;
	}
	*/

.light-blue {}
	.nav .nav-work-list a.light-blue:hover, .nav .nav-work-list a.light-blue.active {
		color: #24325f;
	} 
	.light-blue.homepage-tile {
		background-color: #24325f;
	}
	.light-blue.project-content-wrap h1 {
		border-bottom: 3px solid #24325f;
	}
	.light-blue .project-controls a {
		color: #24325f;
	}
	.light-blue .loader-cover-inner {
		background-color: #24325f;
	}

	.light-blue .link{
		color: #24325f;
	}

.dark-blue {} 
	.nav .nav-work-list a.dark-blue:hover, .nav .nav-work-list a.dark-blue.active {
		color: #36447b;
	}
	.dark-blue.homepage-tile {
		background-color: #36447b;
	}
	.dark-blue.project-content-wrap h1 {
		border-bottom: 3px solid #36447b;
	}
	.dark-blue .project-controls a {
		color: #36447b;
	}	
	.dark-blue .loader-cover-inner {
		background-color: #36447b;
	}	


	.dark-blue .link{
		color: #36447b;
	}

	.light-purple {} 
	.nav .nav-work-list a.light-purple:hover, .nav .nav-work-list a.light-purple.active {
		color: #4F365E;
	}
	.light-purple.homepage-tile {
		background-color: #4F365E;
	}
	.light-purple.project-content-wrap h1 {
		border-bottom: 3px solid #4F365E;
	}
	.light-purple .project-controls a {
		color: #4F365E;
	}
	.light-purple .loader-cover-inner {
		background-color: #4F365E;
	}	

	.light-purple .link{
		color: #4F365E;
	}
	

.dark-purple {} 
	.nav .nav-work-list a.dark-purple:hover, .nav .nav-work-list a.dark-purple.active {
		color: #321D44;
	}
	.dark-purple.homepage-tile {
		background-color: #321D44;
	}
	.dark-purple.project-content-wrap h1 {
		border-bottom: 3px solid #321D44;
	}
	.dark-purple .project-controls a {
		color: #321D44;
	}
	.dark-purple .loader-cover-inner {
		background-color: #321D44;
	}
	.dark-purple .link{
		color: #321D44;
	}


.light-red {} 
	.nav .nav-work-list a.light-red:hover, .nav .nav-work-list a.light-red.active {
		color: #F06291;
	}
	.light-red.homepage-tile {
		background-color: #F06291;
	}
	.light-red.project-content-wrap h1 {
		border-bottom: 3px solid #F06291;
	}
	.light-red .project-controls a {
		color: #F06291;
	}
	.light-red .loader-cover-inner {
		background-color: #F06291;
	}

	.light-red  .link{
		color: #F06291;
	}

	.dark-red {}
	.nav .nav-work-list a.dark-red:hover, .nav .nav-work-list a.dark-red.active {
		color: #EC407A;
	}
	.dark-red.homepage-tile {
		background-color: #EC407A;
	}
	.dark-red.project-content-wrap h1 {
		border-bottom: 3px solid #EC407A;
	}
	.dark-red .project-controls a {
		color: #EC407A;
	}
	.dark-red .loader-cover-inner {
		background-color: #EC407A;
	}
	.dark-red  .link{
		color: #EC407A;
	}

.light-peach {} 
	.nav .nav-work-list a.light-peach:hover, .nav .nav-work-list a.light-peach.active {
		color: #ffb26b;
	}
	.light-peach.homepage-tile {
		background-color: #f19c75;
	}
	.light-peach.project-content-wrap h1 {
		border-bottom: 3px solid #ffb26b;
	}
	.light-peach .project-controls a {
		color: #ffb26b;
	}
	.light-peach .loader-cover-inner {
		background-color: #ffb26b;
	}

	.light-peach  .link{
		color: #ffb26b;
	}	

	.light-peach .button
	{
		background: #ffb26b;
	    display: inline-block;
	    color: white;
	    padding: 0.2em 4em;
	    margin: 1em 0;
	    border-radius: 1em;

	}
	
	.light-peach .button:hover {
				background: #ff7b54;

	}


.dark-peach {} 
	.nav .nav-work-list a.dark-peach:hover, .nav .nav-work-list a.dark-peach.active {
		color: #ff7b54;
	}
	.dark-peach.homepage-tile {
		background-color: #ff7b54;
	}
	.dark-peach.project-content-wrap h1 {
		border-bottom: 3px solid #ff7b54;
	}
	.dark-peach .project-controls a {
		color: #ff7b54;
	}
	.dark-peach .loader-cover-inner {
		background-color: #ff7b54;
	}
	.dark-peach  .link{
		color: #ff7b54;
	}