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

/*-------------DEFAULT-------------*/
/*-------------DEFAULT-------------*/
/*-------------DEFAULT-------------*/
/*-------------DEFAULT-------------*/
/*-------------DEFAULT-------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

html {
	font-size: 100%;
}
.clearfloat {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	font-style: normal;
}

img {
	max-width:100%;
}

.wrapper {
	margin:0 auto;
	padding:50px;
	width:90%;
	max-width:1440px;
}



/*-------------STRUCTURE-------------*/
/*-------------STRUCTURE-------------*/
/*-------------STRUCTURE-------------*/
/*-------------STRUCTURE-------------*/
/*-------------STRUCTURE-------------*/
header {
	margin:0 auto;
	padding:50px 0 50px 50px;
}

.portfolio-thumb {
		min-height: 100vh;
  		width: 100vw;
  		background-size:cover;

	}
	
	#portfolio-thumb-1 {
		background-image:url(../../../Screen%20Shot%202016-05-19%20at%2012.18.03%20PM.png);
  background-attachment: fixed;

		
	}

/*-------------TYPE-------------*/
/*-------------TYPE-------------*/
/*-------------TYPE-------------*/
/*-------------TYPE-------------*/
/*-------------TYPE-------------*/


	@font-face {
  font-family: 'InterstateBlack';
  src: url('font/InterstateBlack.eot');
  src: url('font/InterstateBlack.eot?#iefix') format('embedded-opentype'),
       url('font/InterstateBlack.woff2') format('woff2'),
       url('font/InterstateBlack.woff') format('woff'),
       url('font/InterstateBlack.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.red {
	color:#FF0026;
}
h1 {
	font-family: 'InterstateBlack';
	font-size:20em;
	line-height:.8em;
	text-align: left;
	text-transform:uppercase;
	letter-spacing:-15px;	
		 
}

h2 
{
		font-family: 'InterstateBlack';

	font-size:7.2em;
}

h3 {
		font-family: 'InterstateBlack';

	font-size:3.6em;
}
	

p {
	font-size:2.4em;
	line-height:1.4em;
	font-family:"Adobe Caslon Pro";
	margin-top:40px;
}

li {
	font-size:2.4em;
	font-family:"Adobe Caslon Pro";
	margin-left:40px;
}

ul {
	margin-bottom:40px;
}

/*-------------NAV-------------*/
/*-------------NAV-------------*/
/*-------------NAV-------------*/
/*-------------NAV-------------*/
/*-------------NAV-------------*/
#header {
	height:50px;
	 background-color:#000;
	 width:100%;
}

/**
 * Note: I have omitted any vendor-prefixes for clarity.
 * Adding them is left as an exercise for the reader.
 */
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}



header a:link {
	text-decoration:none;
	 -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
	display:block;
	color:#00C;
	 -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);

}

header a:visited {
	
		color:#00C;

}

header a:hover, header a:focus, header a:active {
	background-color:#FF0026;
	color:#fff;
	 -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}

header {
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
	
}

.button a:link, .button a:visited {
font-weight:bold;
color:#00C;
		font-family: 'InterstateBlack';
		text-transform:uppercase;

		text-decoration:none;
		border:1px solid #00C;
		padding:5px 10px;
	font-size:8em;
		display:inline-block;
		float:left;
		margin:40px 40px 40px 0 ;
		 -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
		
		
		
}

.button a:hover, .button a:active {
	background-color:#FF0026;
	color:#fff;
		border:1px solid #FF0026;
}

.inline-link {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

@media only screen and (max-width: 1439px) {
   h1 {
	   font-size:3.6em;
	   	letter-spacing:0px;	

	   
}

.button a:link, .button a:visited  {
	font-size:2.4em;
		   	letter-spacing:-2px;
			float:none;
			margin:10px 0;
			text-align:center;

	
}

}