/* Header Styles */

section.header h1, .home h1 {
	font-size: 7em;
	/*font-weight: bold;*/
	color: #fafafa;
	display: table-cell;
	padding-bottom: 20px;
	font-family: 'Open Sans';
}
	.home h1{
		font-weight: bold;
		
	}
	.home h2 a{
		color: #f1c40f;
		text-decoration: underline;
	}
		.home h2 a:hover{
			text-decoration: none;
			cursor: pointer;
		}
	
	

	
section.heading{
  
}
 section.heading h1{
	font-size: 3em;
	font-weight: bold;
	color: #ffffff;
	display: table-cell;
	padding-bottom: 20px;
	font-family: 'Open Sans';
}

section.aboutme h3 {
	color: #ffffff;
	font-weight: bold;
	font-family: 'Open Sans';
}
section.aboutme p {
  background-color: rgba(47, 54, 64, 0.25) 
}




/* NAVIGATION */
header h2 {
  color:#fafafa;
  background: none;
  line-height: 160%;
}
/*
nav ul.navvy {
	background:none;
}

nav ul.navvy li a:hover {
  color: #ffffff;
  border-color: #e84118;
  background-color: #e84118;
}
header.work ul.navvy li.work a, body.portfolio ul.navvy li.work a, header.experience ul.navvy li.experience a, body.experience, header.contact ul.navvy li.contact a, body.contact{
	color:#e84118
}*/



/* BUTTONS */
   .button{
	 background: #fafafa;
	 border-radius: 10px !important;
	 color: #2f3640;
   }
   .button:hover{
	 background: black
   }
   
   
   
/* work page */

section.heading h1{
	font-family: "Bebas Neue", sans-serif;
	font-size: 3em;
}

#snappy ul li a {
	color: #2c3e50;
}
#snappy ul li a:hover {
	border-color:#2c3e50;
}

.studies h2{
	font-family: "Bebas Neue", sans-serif;
	font-size: 5em;
	font-weight: bold !important;
	text-align: center;
	color: #2c3e50;
}
@media only screen and (max-width: 640px) {
  .studies h2{
	 font-size: 2em;
	 text-wrap: wrap;
  }
  .studies p{
	  margin: 20px;
  }
}	

.studies .row{
	padding-top: 20px;
}

.dip{
	margin-bottom:50px;
}

.studies p{
	font-size: 22px;
}

 .otherPics{
	 margin-bottom: 20px;
	 
 }
	

   ul.type-list li:nth-child(1),ul.type-list li:nth-child(2),ul.type-list li:nth-child(3),ul.type-list li:nth-child(4),ul.type-list li:nth-child(5),ul.type-list li:nth-child(6),ul.type-list li:nth-child(7){
	 color: #2f3640;
	font-size: 18px;
   }
   
   

/* experience page */

body.experience{
	color: black;
}
div.experience{
	margin-bottom: 30px;
	padding-bottom: 30px;
}

section.resume .experience h6, h1.experience {
  color: #2f3640;
  font-size: 5em;
  font-family: "Bebas Neue", sans-serif;
}
.experience h7{
	font-family: "Bebas Neue", sans-serif;
	font-size: 2em;
	color: lightgray !important;
	padding-bottom:20px;
}

.introd p, section.resume ul li{
	font-size: 1.5em;
	line-height: 1.75em;
}
	section.resume ul li{
		color: #2f3640
	}
	section.resume h4{
		font-size: 2em;
		text-transform: none
	}

.noline{
	border: none !important;
}


section.resume .experience h5{
	font-size: 1.5em;
}

section.resume .experience p.desc{
	font-size: 1.25em;
}

/* BENTO Box Style */




section.resume .experience ul, ul.bento {
	list-style-type: none;
	margin: 0;
	padding: 0 !important	;	
	width:85%;
}


section.resume .experience ul li, ul.bento li{
	font-size: 1em !important;
	background-color:rgba(139,156,161,0.3);
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 12px;
	font-weight: 600 !important;
	margin-right: 10px;
	
	a.darkness{
		color:#231f20 !important;
	}

	
	/*text-transform: uppercase;*/
}
	ul.bento li{
		font-size: 0.85em !important;
	}
	
.bigBreak{
	margin-bottom: 50px !important;
	padding: 10px 20px 50px 20px;
	border-radius: 20px;
	color: #1a1e2b;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 130%;
	padding:50px;
	
}	
	.bigBreak h3{
		font-family: "Bebas Neue", sans-serif;
		font-size: 3.5em;
		color: #2f3640;
	}
	.bigBreak p{
		
	}
/* background colors for cases */
	.bigBreak.exp {
		background-color:rgba(139,156,161,0.3);
		
		
	}
	
	.bigBreak.scusa{
		background-color:rgba(213,218,215,0.75);
	}
	.bigBreak.expedia{
		background-color:rgba(249,209,85,0.8);
	}

ul.theThings{
	font-size: 1.3em;
}
	ul.theThings li{
		
	
	}
	
/* Case Studies */

.caseStudy{
	margin-bottom: 50px !important;
	padding: 10px 20px 50px 20px;
	border-radius: 20px;
	color: #1a1e2b;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 160%;
	padding:50px;
	color:#2f3640;
}	
	.caseStudy.exp{
		background-color:rgba(139,156,161,0.3);
		background-image: url("/img/screens/exp.png");
	}
	.caseStudy h3{
		font-family: "Bebas Neue", sans-serif;
		font-size: 3.5em;
		color: #2f3640;
	}
	.caseStudy p{
		width:50%;
	}

img.smallLogo{
	border-radius: 5px;
	width: 40px;
	padding-top:30px;
}
img.largepic{
	width: 100%
}

ul.typeTags {
	list-style-type: none;
	margin: 0;
	padding: 0 !important	;	
	width:50%;
}

ul.typeTags li{
	font-size: 1em !important;
	background-color:rgba(139,156,161,0.3);
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 12px;
	font-weight: 600 !important;
	margin-right: 10px;
	
	
	/*text-transform: uppercase;*/
}




section.resume .caps ul{
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px;
}
section.resume .caps ul li{
	font-size: 1.25em !important;
	background: #fafafa;
	display: inline-flex;
	padding: 10px 25px;
	border-radius: 50px;
	margin-bottom: 15px;
	color: #2f3640;	
	
}


/* contact  Page */
section.darkblue {
  background-color: #fafafa;
  min-height: 100%;

}
 section.darkblue h5{
	 color:#636e72 !important;
	 font-family: "Bebas Neue", sans-serif;
	 font-size: 6em;
 }
 section.darkblue h6{
	 color: #2f3640
 }


/* footer */
footer{
	/*background-color: #e84118;
	border-bottom: 10px solid #e84118;*/
}

/* LOGO */
nav a.LOGO ul:hover {
  /*background-color: #e84118;
  border-color: #e1b12c;*/
}


/* home page */
span.highlight, .highlight{
	font-weight: bolder;
	background-color: rgba(0, 0, 0, 0.1);
	/*background: #2f3640;*/
	border-radius: 50px;
	padding: 5px 15px;
	white-space: nowrap;
}

/* SMALL SCREENS */

@media only screen and (max-width: 640px) {
  header.home h1 {
	  padding: 0px;
	font-size: 4em;
	text-align: center
  }
 
}	


/* CONTACT ME PAGE */

h6.bigFont{
	font-family: "Bebas Neue", sans-serif;
	font-size:10em;
	color: #2f3640
}

/* new shit 
body {
	background-color: #1a181c !important;
	border-top: 10px solid #ff0490;
}
*/

/*
///////////////////////////////////////////////////////////////
FIGMA prototype
///////////////////////////////////////////////////////////////
*/

iframe.contain{
	width: 100%;
	height: 1000px;
	background: #231F20;
	background-image: url("/img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
}

body.ez{
	background: #49596c;
	}

/*
background-size: contain;
	
	background-position: 160%;
	padding:50px;
	color:#2f3640;
}	
	.caseStudy.exp{
		background-color:rgba(139,156,161,0.3);
		*/