/* Fonts */ 
@font-face{ 
	font-family: 'ProximaNova-Thin';
	src: url('../fonts/ProximaNova-Thin-webfont.eot');
	src: url('../fonts/ProximaNova-Thin-webfont.eot?iefix') format('eot'),
	     url('../fonts/ProximaNova-Thin-webfont.woff') format('woff'),
	     url('../fonts/ProximaNova-Thin-webfont.ttf') format('truetype'),
	     url('../fonts/ProximaNova-Thin-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'ProximaNova-Light';
	src: url('../fonts/ProximaNova-Light-webfont.eot');
	src: url('../fonts/ProximaNova-Light-webfont.eot?iefix') format('eot'),
	     url('../fonts/ProximaNova-Light-webfont.woff') format('woff'),
	     url('../fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
	     url('../fonts/ProximaNova-Light-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'ProximaNova-Reg';
	src: url('../fonts/ProximaNova-Reg-webfont.eot');
	src: url('../fonts/ProximaNova-Reg-webfont.eot?iefix') format('eot'),
	     url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'),
	     url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
	     url('../fonts/ProximaNova-Reg-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'ProximaNova-Bold';
	src: url('../fonts/ProximaNova-Bold-webfont.eot');
	src: url('../fonts/ProximaNova-Bold-webfont.eot?iefix') format('eot'),
	     url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'),
	     url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
	     url('../fonts/ProximaNova-Bold-webfont.svg#webfont') format('svg');
}



/* Colors */

.deep-red {
	color: #cd4d37;
}

.deep-orange {
	color: #dd6900;
}

.deep-yellow {
	color: #f6ab10;
}

.deep-blue {
	color: #3093c5;
}

.deep-green {
	color: #01ad97;
}

.concrete {
	color: #d9d9d9;
}

/* Icon Adjustments */
.fa-times-circle {
	color: #cd4d37;
}

.fa-check-circle {
	color: #01ad97;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'ProximaNova-Thin';
}

section {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	
}

.headline {
	margin:0 0 50px 0;
	font-size: 38px;
	text-align: center;
	font-family: 'ProximaNova-Bold';
}


p {
	font-size: 16px;
	font-family: 'ProximaNova-Reg';
	line-height: 26px;
	margin-top: 0;
	margin-bottom: 0;
}

.light {
	width: 100%;
	background: #FFF;
	color: #3d3d3d;
}

.light a {
	
}

.dark {
	width: 100%;
	background: #3d3d3d;
	color: #FFF;
}

.blue {
	width: 100%;
	background: #2a80b9;
	color: #FFF;
}

.green {
	background: #2ecc71;
	color: #FFF;
}

.red {
	background: #e74c3c;
	color: #FFF;
}

.container {
	padding: 0 25px;
}

.container_overlay {
	width: 320px;
}

.hide {
	opacity: 0;
}

.show {
	opacity: 100;
}

.show-desktop {
	display: none;
}

.show-mobile {
	display: block;
}

.show-tablet {
	display: none;
}
.container img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.img-center {
	margin-bottom: 150px !important;
}

.full {
	margin-bottom: 75px;
	position: relative;
	display: block;
	overflow: hidden;
}

.left {
	margin-bottom: 50px;
}

.right {
	margin-bottom: 50px;
}

.small-image {
	margin: 0 auto;
}



/* The Grid */

.grid-container *{
    box-sizing: border-box; 
}


.row:before, 
.row:after {
	content:"";
    display: table ;
    clear:both;
}


[class*='col-'] {
    float: left;
    min-height: 1px; 
    width: 16.66%; 
    padding: 12px;
}

.col-1{ width: 33.33%; }
.col-2{ width: 33.33%; }
.col-3{ width: 50%;    }
.col-4{ width: 66.66%; }
.col-5{ width: 83.33%; }
.col-6{ width: 100%;   }




.list-parts {
	font-family: 'ProximaNova-Reg';
	padding: 30px 30px;
}



/* Banners */
.mast {
	width:100%;
	height: 568px;
	color: #FFF;
}


/*V2 */
  .mast-home {
	  width: 100%;
	  height: 500px;
	  color: #FFF;
	  background: transparent url('../images/mast-desk-small.jpg') 0 0 / cover no-repeat ;
  }
  
  .introduction {
  	padding-top: 150px;
  }  
  
  .author-name {
	  margin-bottom: 0px;
	  font-family: 'ProximaNova-Bold';
	  text-transform: uppercase;
	  font-size: 12px;
	  letter-spacing: 2px;
  }
  .author-title {
	  font-family: 'ProximaNova-Thin';
	  font-size: 18px;
	  letter-spacing: 4px;
	  margin-bottom: 5px;
  }
  .author-summary {
	  font-family: 'ProximaNova-Thin';
	  font-size: 14px;
	  letter-spacing: 1px;
	  line-height: 20px;
  }
  
  
    

.michael {
	background: transparent url('../images/mast_small2.jpg') 0 0 / cover no-repeat;
}

.dot-matrix {
	background: transparent url('../images/tv/mast_small.jpg') 0 0 / cover no-repeat ;
  }

.tester {
	background: transparent url('../images/tester/mast_small.jpg') 0 0 / cover no-repeat ;
  }
  
.product-app {
	width: 100%;
	background: transparent url('../images/product-samples/mast_small.jpg') 0 0 / cover no-repeat;
	color: #FFF;
}

.watch-mast {
	width: 100%;
	background: transparent url('../images/watch/mast-small.jpg') 0 0 / cover no-repeat;
	color: #FFF;
}

.games-mast {
	background: transparent url('../images/nerd-box/mast-small.jpg') 0 0 / cover no-repeat;
}

.bath-mast {
	background: transparent url('../images/bathroom/mast-small.jpg') 0 0 / cover no-repeat;
}

.frame-mast {
	background: transparent url('../images/frameoflime/mast_small.jpg') 0 0 / cover no-repeat;
}
  
.mast_intro {
	margin: 0px auto 10px;
	padding: 100px 0 0;
	text-align: center;
	text-transform: uppercase;
}

.author {
	display: block;
	font-size: 22px;
	line-height: 22px;
	font-family: 'ProximaNova-Thin';
}

.header_large {
	display: block;
	font-size: 38px;
	line-height: 28px;
	font-family: 'ProximaNova-Bold';
}

.header_giant {
	display: block;
	font-size: 52px;
	line-height: 40px;
	font-family: 'ProximaNova-Bold';
}

.intro-text {
	width: 300px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	text-align: center;
}

  .title-section {
	font-size: 24px;
	font-family: 'ProximaNova-Thin';
	text-transform: uppercase;
	margin-bottom: 75px;
	margin-top: 50px;
	text-align: center;
	letter-spacing: 4px;
	}


/* Skills  */

.exclaim {
	display: block;
	font-size: 24px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'ProximaNova-Reg';
}


.skills-chart {
	width: 100%;
	margin-bottom: 50px;
	padding: 0;
	list-style-type: none;
	font-family: "ProximaNova-Light";
	overflow: hidden;
	text-align: right;
}

.points {
	margin-bottom: 25px;
	font-size: 14px;
}

.skill {
	margin-right: 5px;
	margin-bottom: 20px;
	font-size: 16px;
}

.points > .fa {
	margin: 0 2px;
}

/* Thirds */
.thirds {
	padding: 0;
	margin-bottom: 50px;
	display: block;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
}

.third {
	margin-bottom: 50px;
}

.third:last-child {
	margin-bottom: 0;
}

.huge-icon {
	width: 25%;
	height: 25%;
}

.icon-heading {
	margin-bottom: 10px;
	font-size: 18px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 2px;
}

.icon-text {
	font-size: 16px;
	line-height: 22px;
}

/* Quarters */

  .quarters {
	  list-style-type: none;
	  padding: 0;
	  overflow: hidden;
  }
  
  .quarter {
	  width: 25%;
	  float: left;
	  margin: 0;
	  text-align: center;
  }

/* Project Stats */

.circle {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background: #FFF;
	color: #3D3D3D;
}

.medium {
	width: 270px;
	float: left;
}
.medium:last-child {
	margin: 0;
}

.stat {
	text-align: center;
}

.icon-list {
	margin-top: 0;
	padding-left: 0;
	list-style-type: none;
}

.unused {
	color: #97c5dd;
}

.large-icon {
	width:50px;
	font-size: 70px;
	margin: 0 15px 0 0;
	text-align: center;
}

.medium-icon {
	width:30px;
	font-size: 22px;
	margin: 0 5px 0 0;
	text-align: center;
}

.sub-heading {
	padding-top: 10px;
	display: block;
	font-size: 22px;
	text-transform: uppercase;
}

.connector {
	font-size: 42px;
	vertical-align: sub;
}
/* End Project Stats */



/* Resume Section */

.work-history {
	list-style-type: none;
	padding: 0;
	margin-bottom: 50px;
}

.experience {
	margin-bottom: 50px;
	position: relative;
}

.job-title {
	font-size: 32px;
	font-family: 'ProximaNova-Bold';
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 0px;
	text-align: center;
}



.company {
	font-size: 18px;
	font-family: 'ProximaNova-Light';
	margin-bottom: 0px;
	text-align: center;
}

.range {
	color: #646464;
}

.experience-details {
	margin-bottom: 25px;
}

.ctas {
	margin: 0px auto;
	display: inline-block;
	width: 100%;
}

.resume {
	display: block;
}
.resume:first-child {
	margin-bottom: 15px;
}

.experience-separator {
	margin: 100px 0 100px;
	border: 0;
	height: 1px;
	background-color: #C4C4C4;
	}

.page-break {
	display: none;
}


/* Brands & Company Logos List */

.clients {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 25px;
	opacity: .2;
}

.brand {
	float: left;
	width: 35%;
	margin: 10px 20px;
}


.outer-icon {
	margin: 0px auto;
	width: 100px;
	display: block;
}

/* Project List */   
.project-list {
    padding: 0;
    margin: 0px auto;
    list-style-type: none;
    overflow: hidden;
    text-align: center;
}



.project-preview {
    /* opacity: .5; */
}

.project-name {
	font-size: 18px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 2px;
}


.btn {
	width: 200px;
	margin: 0 auto;
	padding: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'ProximaNova-Reg';
	color: #FFF;
	letter-spacing: 1.2px;
	overflow: hidden;
	font-size: 14px;
}

.btn-icon-l {
	margin-right: 10px;
	font-weight: bold;	
}

.btn-icon-r {
	margin-left: 10px;
	font-weight: bold;	
}

.action {
  	background: #3093c5;
}

.action:hover {
  background: #1a719c;
}

.locked {
	border: 2px solid #FFF;
}

.locked:hover {
	background: #c0392b;
}

.go {
	border: 2px solid #FFF;
}

.go:hover {
	background: #3d3d3d;
}
.resume {
	border: 2px solid #3d3d3d;
	color: #3d3d3d;
}
.resume:hover {
	color: #FFF;
}
.product-samples-list {
	background: transparent url('../images/product-samples/mast-small.jpg') 0 0 / cover no-repeat;
}  

.tv-dashboard-list {
	background: transparent url('../images/tv/mast-small.jpg') 0 0 / cover no-repeat;
}  
.tester-list {
	background: transparent url('../images/tester/mast-small.jpg') 0 0 / cover no-repeat;
}
.climbs-list {
	background: transparent url('../images/climbs-list.jpg') 0 0 / cover no-repeat;
}

.smart-watch-list {
	background: transparent url('../images/watch/watch-list.jpg') 0 0 / cover no-repeat;
}  
.xbox-list {
	background: transparent url('../images/xbox-list.jpg') 0 0 / cover no-repeat;
}

.bath-list {
	background: transparent url('../images/bathroom/bathroom-list.jpg') 0 0 / cover no-repeat;
}



.interests {
	background-image: url('../images/soldering.jpg');
	background-size: cover;
	background-position: center center;
}
 .social-icon {
 	 width: 100%;
 	 display: block;
	 text-decoration: none;
	 color: #3D3D3D;
	 font-size: 26px;
 }
 
 .social-icon:hover {
	 color: #FFF;
	 background-color: #2a80b9;
 }


 .halfScreen-figure {
 	background-size: cover;
 }
 
/* Half Images */

.spark-core {
	background: url('../images/bathroom/spark-adafruit.jpg') center center no-repeat;
}

.conference-room {
	background: url('../images/bathroom/conferenceroom.png') center center no-repeat;
}

.frame-back {
	background: url('../images/frameoflime/frame-back.jpg') 0 0 no-repeat;
	background-size: cover;
	height: 300px;
}

.front-pixels {
	background: url('../images/frameoflime/front-pixels.jpg') center center no-repeat;
	background-size: cover;
	height: 300px;
}

.battery {
	background: url('../images/frameoflime/battery.jpg') center center  no-repeat;
	background-size: cover;
	height: 300px;
}

.workspace {
	background: url('../images/frameoflime/workspace.jpg') bottom left no-repeat;
	background-size: cover;
	height: 300px;
}

.frame-on {
	background: url('../images/frameoflime/frame-on.jpg') bottom left no-repeat;
	background-size: cover;
	height: 300px;
}

.orientation-gif {
	background: url('../images/frameoflime/frame-orientation.gif') center center no-repeat;
	height: 300px;
}

.menzie-react {
	background: url('../images/frameoflime/menzie-response.png') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}


.intial-sketches {
	background: url('../images/tv/sketches.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}

.tv-ia {
	background: url('../images/tv/team-data.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}


.tv-hardware {
	background: url('../images/tv/raspberry-pi.png') center center no-repeat;
	background-size: cover;
	height: 300px;
}

.sketches-v2 {
	background: url('../images/tv/sketches-all.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}

.original-dash {
	background: url('../images/tv/original-dash.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}

.tv-wireframe {
	background: url('../images/tv/wireframe.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}

.tv-visuals {
	background: url('../images/tv/tv-visuals.jpg') center center no-repeat;
	background-size: contain!important;
	height: 300px;
}

.doubles {
}

 .halfScreen {
	 overflow: hidden;
	 display: block;
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
 }
 
 .halfScreen > * {
	 box-sizing: border-box;
 }
 
 .halfScreen-content {
	 padding: 50px;
 }
 
 .fig-title {
	 font-size: 18px;
	 font-family: 'ProximaNova-Bold';
 }
 
/* New Projects List */
/* project module */
.home {
	/*background-image: url('../images/collage-bg.jpg');*/
	background-color: #F9F9F9;
	}

.project {
    background-color: #ffffff;
    margin-bottom: 50px;
    color: #3d3d3d;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
}

.projects {
	width: 100%;
	list-style-type: none;
	padding-left: 0;
}

.projects li {
	margin: 0px 10px;
}
/* .project-hd {} */

.project-hd-content {
    position: relative;
}

.project-hd-content-bg {
	height: 160px;
	opacity: 0.25;
}

/*
.theme_agent .project-hd-content-bg {
    background: transparent url('../images/games.jpg') 0 0 / cover no-repeat; 
}

.theme_red .project-hd-content-bg {
    background: transparent url('../images/frame.jpg') 0 0 / cover no-repeat;
}

.theme_green .project-hd-content-bg {
    background: transparent url('../images/tv.jpg') 0 0 / cover no-repeat;
}

.theme_blue .project-hd-content-bg {
    background: transparent url('../images/watch.jpg') 0 0 / cover no-repeat;
}

.theme_teal .project-hd-content-bg {
    background: transparent url('../images/fc.jpg') 0 0 / cover no-repeat;
}

.theme_purple .project-hd-content-bg {
    background: transparent url('../images/bath.jpg') 0 0 / cover no-repeat;
}
*/

.project-hd-content-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.project-bd {
    padding: 25px 15px;
    text-align: center;
}

.project-ft {
    text-align: center;
    padding-bottom: 25px;
}

/* btn module */
.btn {
	border-radius: 4px;
}

/* icon object */
.icon {
	width: 190px;
    height: 160px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    background: transparent 0 0 no-repeat;
    background-size: cover;
}

.icon_games {
    background-image: url('../images/icon-xbox.png');
}

.icon_watch {
    background-image: url('../images/icon-smartwatch.png');
}

.icon_tv {
    background-image: url('../images/icons/uxdash.png');
}

.icon_frame {
    background-image: url('../images/icon-smartframe.png');
}

.icon_samples {
    background-image: url('../images/icons/samples.png');
}

.icon_bath {
	background-image: url('../images/icons/iotroom.png');
}

.icon_barkpark {
	background-image: url('../images/icons/barkpark.png');
}

.icon_sps {
	background-image: url('../images/icons/sps.png');
}

.icon_parallel {
	background-image: url('../images/icons/parallel.png');
}

/* project themes object */
.theme_agent .project-hd,
.theme_agent .btn {
    background-color: #da8032;
}
.theme_agent .btn:hover {
    background-color: #E67E22;
}


.theme_blue .project-hd,
.theme_blue .btn {
    background-color: #3e83b7;
}
.theme_blue .btn:hover {
    background-color: #2980B9;
}


.theme_green .project-hd,
.theme_green .btn {
    background-color: #64c471;
}
.theme_green .btn:hover {
    background-color: #27AE60;
}


.theme_red .project-hd,
.theme_red .btn {
    background-color: #b24433;
}
.theme_red .btn:hover {
    background-color: #C0392B;
}


.theme_teal .project-hd,
.theme_teal .btn {
    background-color: #499c84;
}
.theme_teal .btn:hover {
    background-color: #16A085;
}


.theme_purple .project-hd,
.theme_purple .btn {
    background-color: #9165b5;
}
.theme_purple .btn:hover {
    background-color: #8353ac;
}


.disabled {
	border: 2px solid #B8B8B8;
	background-color: transparent!important;
	color: #B8B8B8;
}


.message-me {
	background-color: #1F94E1;
}

.message-me h2 {
	font-size: 20px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 1px;
	margin: 0px 0px 15px;
	text-align: center;
}

.message-me p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 50px;
	letter-spacing: 1px;
}

.white-contact {
	background-color: #FFF;
	color: #0097E0;
	font-size: 14px;
	letter-spacing: 1px;
}

.aside-icon {
	height: 75px;
	margin: 0px auto 50px;
}




/* Experience Area */

.exp-container {
	width: 100%;
}

.exp-logo {

}

.sps-logo {
	width: 100px;
	margin: 0 auto 15px;
}

.nerdery-logo {
	margin: 0 auto 25px;
	width: 75px;
}

.exp-details {
	display: block;
	margin-bottom: 50px;
}

.exp-heading {
	font-size: 20px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 1px;
	margin: 0px 0px 5px;
	text-align: center;
}

.exp-sub-heading {
	font-size: 16px;
	font-family: 'ProximaNova-Thin';
	letter-spacing: 1px;
	margin: 0px 0px 15px;
	text-align: center;
}

.exp-summary {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 75px;
	letter-spacing: 1px;
	text-align: center;
}

.exp-button {
	margin-bottom: 50px;
}

.num-list {
	margin: 0px auto;  
 }
.num-list-item {
	font-family: 'ProximaNova-Reg';
	font-size 18px;
	margin-bottom: 15px;
}  


.bg-park {
	background-image: url('../images/barkpark/bg-park.png');
	background-size: cover;
	background-repeat: no-repeat;
}






@media all and (min-width: 480px) {


  .headline {
	  font-size: 52px;
  }

  .show-mobile {
	  display: none;
  }

  .show-tablet {
	  display: block;
  }


  .title-section {
	font-size: 30px;
	font-family: 'ProximaNova-Thin';
	text-transform: uppercase;
	margin-bottom: 75px;
	margin-top: 50px;
	text-align: center;
	letter-spacing: 4px;
	}
	
  .mast {
	  	height: 525px;
	  	padding: 225px 0 0;
  }
  
    .mast-home {
	  width: 100%;
	  height: 700px;
	  color: #FFF;
	  background: transparent url('../images/mast-desk-medium.jpg') 0 0 / cover no-repeat ;
  }
  
  	.introduction {
	  	padding-top: 250px;
  	}
  
    .author-name {
	  margin-bottom: 0px;
	  font-family: 'ProximaNova-Bold';
	  text-transform: uppercase;
	  font-size: 14px;
	  letter-spacing: 2px;
  }
  .author-title {
	  font-family: 'ProximaNova-Thin';
	  font-size: 36px;
	  letter-spacing: 5px;
	  margin-bottom: 20px;
  }
  .author-summary {
	  font-family: 'ProximaNova-Thin';
	  font-size: 18px;
	  letter-spacing: 1px;
	  line-height: 26px;
  }
  
  
  
  
  .michael {
	  background: transparent url('../images/mast_medium3.jpg') no-repeat;
  }
  
  .tester {
	  background: transparent url('../images/tester/mast_medium.jpg') no-repeat;
  }

  .watch-mast {
	  background: transparent url('../images/watch/mast_medium.jpg') no-repeat;
  }
  
  .games-mast {
	background: transparent url('../images/nerd-box/mast-medium.jpg') 0 0 / cover no-repeat;
	}

.bath-mast {
	background: transparent url('../images/bathroom/mast-medium.jpg') 0 0 / cover no-repeat;
}
	
  .product-app {
		width: 100%;
		background: transparent url('../images/product-samples/mast_medium.jpg') 0 0 / cover no-repeat;
		color: #FFF;
	}
	
.frame-mast {
	background: transparent url('../images/frameoflime/mast_medium.jpg') 0 0 / cover no-repeat;
}
  
  .mast_intro {
  	width: 525px;
  	margin: 0px auto 25px;
  }
  
  .author {
  	line-height: 35px;
  	font-size: 38px;
  }
  
  .header_large {
	line-height: 60px;
	font-size: 64px;
  }
  
  .header_giant {
  	line-height: 70px;
  	font-size: 87px;
  }
  
  .intro-text {
	  width: 425px;
	  font-size: 16px;
  }
  
  .container {
  	padding: 0 50px;
  }
  
  .centered-new {
	  text-align: center;
	  font-size: 16px;
	  letter-spacing: 0.24px;
	  line-height: 24px;
  }
  
  
  /* Skills Section */

.skills-chart {
	width: 480px;
	margin: 25px auto;
}

.points {
	margin-bottom: 25px;
}

.skill {
	margin-right: 10px;
	font-size: 18px;
}

.points > .fa {
	margin: 0 10px;
	font-size: 22px;
}



/* Thirds */
.thirds {
	list-style-type: none;
	overflow: hidden;
	width: 440px;
	margin: 0 auto 50px;
}

.third {	

}


.icon-heading {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 22px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 2px;
}


.half {
	width: 470px;
}

.half:first-child {
	margin-right: 10px;
}

.half:last-child {
	margin-left: 10px;
}

  /* Resume */
  
  .job-title {
	  font-size: 28px;
	  margin: 0 0 5px 0;
  }


.ctas {
	margin: 0px auto;
	display: block;
	
}

.clients {
}
.brand {
	width: 25%;
	margin: 10px 25px;
}

.brand:nth-child(odd) {

}


.experience:first-child {
	margin-bottom: 50px;
}

.experience:nth-child(2) {
	padding-top: 50px;	
}

.experience:last-child {
	margin-bottom: 50px;
}

.experience {
	margin-bottom: 100px;
	position: relative;
}

.experience-details {
	margin-bottom: 55px;
	text-align: center;
}

.outer-icon {
	margin-bottom: 35px;
}

.job-title {
	font-size: 42px;
	font-family: 'ProximaNova-Bold';
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;

}

.company {
	font-size: 22px;
	font-family: 'ProximaNova-Light';
	margin: 0 0 5px 0;
	text-align: center;
}

.range {
	color: #646464;
}

.page-break {
	display: none;
}






/* Project List */   
.project-list {
	
}

.project {
	float: left;
}

.project-name {
	font-size: 24px;
	letter-spacing: 2px;
}

.action {
	
}

.product-samples-list {
	background: transparent url('../images/product-samples-list.jpg') top center cover no-repeat;
}  

.tv-dashboard-list {
	background: transparent url('../images/tv-list.jpg') 0 0 / cover no-repeat;
}  
.tester-list {
	background: transparent url('../images/tester/mast-large.jpg') 0 0 / cover no-repeat;
}

.smart-watch-list {
	background: transparent url('../images/watch/watch-list.jpg') top center cover no-repeat;
}



 .halfScreen-figure {
 	background-size: cover;
 }
 
 .halfScreen {
	 display: ms-flexbox;
	 display: ms-flex;
	 display: webkit-flex;
	 display: moz-flex;
	 display: flex;
 }
 
/* Half Images */

.frame-back {
	background: url('../images/frameoflime/frame-back.jpg') 0 0 no-repeat;
	background-size: cover;
	height: auto;
}

.spark-core {
	background: url('../images/bathroom/spark-adafruit.jpg') center center no-repeat;
}

.conference-room {
	background: url('../images/bathroom/conferenceroom.png') center center no-repeat;
}

.front-pixels {
	background: url('../images/frameoflime/front-pixels.jpg') center center no-repeat;
	background-size: cover;
	height: auto;
}

.battery {
	background: url('../images/frameoflime/battery.jpg') center center  no-repeat;
	background-size: cover;
	height: auto;
}

.workspace {
	background: url('../images/frameoflime/workspace.jpg') bottom left no-repeat;
	background-size: cover;
	height: auto;
}

.frame-on {
	background: url('../images/frameoflime/frame-on.jpg') bottom left no-repeat;
	background-size: cover;
	height: auto;
}

.orientation-gif {
	background: url('../images/frameoflime/frame-orientation.gif') center center no-repeat;
	height: auto;
}

.menzie-react {
	height: auto;
}


.initial-sketches {
	height: auto;
}

.tv-ia {
	height: auto;
}

.tv-hardware {
	height: auto;
}

.sketches-v2 {
	height: auto;
}

.original-dash {
	height: auto;
}

.tv-wireframe {
	height: auto;
}

.tv-visuals {
	height: auto;
}



.doubles {
	height: 600px;
}

 .halfScreen {
	 overflow: hidden;
	 display: ms-flexbox;
	 display: ms-flex;
	 display: webkit-flex;
	 display: moz-flex;
	 display: flex;
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
 }
 
 .halfScreen > * {
	 width: 50%;
	 float: left;
	 box-sizing: border-box;
 }
 
 .halfScreen-content {
	 padding: 100px;
 }
 .fig-title {
	 font-size: 18px;
	 font-family: 'ProximaNova-Bold';
 }



/* New Projects Listing */

.project-bd {
	text-align: center;
}

.project-hd-content-bg  {
	height: 300px;
}

.icon {
		margin-top: 0px;
	}



.message-me p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 auto 50px;
	text-align: center;
	width: 400px;
}



/* Experience Area */

.exp-container {
	width: 100%;
}

.exp-logo {

}

.sps-logo {
	width: 125px;
	margin: 0 auto 15px;
}

.nerdery-logo {
	margin: 0 auto 25px;
	width: 100px;
}

.exp-details {
	display: block;
	margin: 0 auto 50px;
	width: 480px;
}

.exp-heading {
	font-size: 20px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 1px;
	margin: 0px 0px 5px;
	text-align: center;
}

.exp-sub-heading {
	font-size: 16px;
	font-family: 'ProximaNova-Thin';
	letter-spacing: 1px;
	margin: 0px 0px 15px;
	text-align: center;
}

.exp-summary {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 75px;
	letter-spacing: 1px;
	text-align: center;
}

.exp-button {
	margin-bottom: 50px;
}






} /* End Tableto */



@media all and (min-width: 960px) {
  
  
  
  .centered-new {
	  text-align: center;
	  font-size: 16px;
	  width: 850px;
	  letter-spacing: 0.24px;
	  line-height: 24px;
	  margin: 0px auto 150px;
  }
  
  .num-list {
	  margin: 0px auto;
	  
  }
  .num-list-item {
	font-family: 'ProximaNova-Reg';
	font-size 18px;
	margin-bottom: 15px;
	}  
  
  .mast-home {
	  width: 100%;
	  height: 900px;
	  color: #FFF;
	  background: transparent url('../images/mast-desk-large.jpg') 0 0 / cover no-repeat ;
  }
  .introduction {
	  padding-top: 350px;
  }
  .author-name {
	  margin-bottom: 5px;
	  font-family: 'ProximaNova-Bold';
	  text-transform: uppercase;
	  font-size: 14px;
	  letter-spacing: 2px;
	  margin-bottom: 5px;
  }
  .author-title {
	  font-family: 'ProximaNova-Thin';
	  font-size: 36px;
	  letter-spacing: 5px;
	  margin-bottom: 20px;
	  margin-top: 0px;
	  }
  .author-summary {
	  font-family: 'ProximaNova-Thin';
	  font-size: 18px;
	  letter-spacing: 1px;
	  width: 640px;
	  line-height: 24px;
  }
  
  
  
  .container {
  		width: 960px;
  		margin: 0 auto;
  		padding: 0;
  		overflow: hidden;
  }  

  
  .row {
	  width: 100%;
	  margin-bottom: 0px;
	  overflow: hidden;
  }
  
  .small {
	width: 455px;
	}

  .left {
	float: left;
	display: block;
	margin-right: 50px;
	margin-bottom: 0;
	}

  .right {
  	float: left;
	display: block;
	margin-bottom: 0;
	}
	
  .headline {
	  margin: 50px 0;
	  font-size: 42px;
	  letter-spacing: 0.51px;
  }
  
  .sub-heading {
	margin: 0 0 15px 0;
	padding: 0;
  }
  
  .show-desktop {
	  display: block;
  }
  
  .show-mobile {
	  display: none;
  }
  
  .cover {
	  position: absolute;
	  display: block;
	  clear: both;
	  z-index: 1;
	  top: 75px;
	  left: 0;
	  height: 210px;
	  width: 100%;
	  background: #fff;
  }
  
  .btn {
  	width: 200px;
  	margin: 0 auto;
	padding: 20px 10px;
	display: block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
  }

  .action {
	background: #3093c5;
	color: #FFF;
  }
 
  .action:hover {
	background: #1a719c;
  }
  
  
  .graph {
	  float: left;
	  overflow: hidden;
  }
  
  .icon-item {
  		height: 30px;	  
  }
  
  .title-section {
	font-size: 30px;
	font-family: 'ProximaNova-Thin';
	text-transform: uppercase;
	margin-bottom: 100px;
	margin-top: 50px;
	text-align: center;
	letter-spacing: 4px;
}
  
  .interests {
	  padding-top: 75px;
	  padding-bottom: 150px;
  }
  
  /* Mast Styles */
  .mast {
  }
  .sample-mast {
	  background: transparent url('../images/body-samples.jpg') 0 0 / cover no-repeat ;
  }
  
  .michael {
	  background: transparent url('../images/mast_large2.jpg') 0 0 / cover no-repeat ;
  }
  
  .dot-matrix {
	  background: transparent url('../images/tv/mast_large.jpg') 0 0 / cover no-repeat ;
  }
  
  .tester {
	  background: transparent url('../images/tester/mast_large.jpg') 0 0 / cover no-repeat ;
  }
  
  .product-app {
		width: 100%;
		background: transparent url('../images/product-samples/mast_large.jpg') 0 0 / cover no-repeat;
		color: #FFF;
	}
  
  .watch-mast {
		width: 100%;
		background: transparent url('../images/watch/mast-large.jpg') 0 0 / cover no-repeat;
		color: #FFF;
	}
  
  .games-mast {
	background: transparent url('../images/nerd-box/mast-large.jpg') 0 0 / cover no-repeat;
	}
	
	.bath-mast {
	background: transparent url('../images/bathroom/mast-bathroom.jpg') 0 0 / cover no-repeat;
	}
	.frame-mast {
	background: transparent url('../images/frameoflime/mast_large.jpg') 0 0 / cover no-repeat;
	}
	
	.barkpark {
		background: transparent url('../images/barkpark/mast-large.png') 0 0 / cover no-repeat;
		}	
		
	.supply-chain-apps {
		background: transparent url('../images/supply-chain-apps/mast-large.png') 0 0 / cover no-repeat;
		}	
  .mast_intro {
	  width: 960px;
	  margin: 0 auto 25px;
	  padding: 50px 0 0;

  }


.product-samples-list {
	background: transparent url('../images/product-samples/mast-large.jpg') 0 0 / cover no-repeat;
}  


  .author {
	line-height: 55px;
  	font-size: 50px;
  }
  
  .header_large {
	line-height: 70px;
	font-size: 82px;
  }
  
  .header_giant {
  	line-height: 105px;
  	font-size: 112px;
  } 

  .intro-text {
	  width: 550px;
	  line-height: 26px;
	  font-size: 18px;
	  padding-top: 0;
  }  
  
/* Project List */   
  .home {
	  padding-top: 50px;
  }
  .project-list {
  	margin: 0 auto;
  	width: 80%;
  }
  
  .project {
	margin-bottom: 100px;
  }

  .project-name {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 2px;
  }
  
  
.col-1{ width: 16.66%; }
.col-2{ width: 33.33%; }
.col-3{ width: 50%;    }
.col-4{ width: 66.66%; }
.col-5{ width: 83.33%; }
.col-6{ width: 100%;   }



/* May 2016 Revised Skills/Interests */

.interests-container {
	width: 100%;
	overflow: hidden;
	margin-bottom: 100px;
}

.interests-container:last-child {
	margin-bottom: 0;
}

.interest-figure {
	width: 75px;
	margin-right: 50px;
	margin-left: 100px;
	float: left;
}

.interest-content {
	float: left;
	width: 600px;
}

.interest-content h2 {
	font-family: 'ProximaNova-Bold';
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 4px;
}

.interest-content p {
	
}


.company-name {
	font-family: 'ProximaNova-Reg';
}
  
  /* Skills Section */

	.skills-chart {
		text-align: right;
	}
	
	.points {
		margin-bottom: 25px;
		font-size: 16px;
		height: 20px;
	}
	
	.skill {
		display: inline;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	
	.points > .fa {
		margin: 0 15px;
		font-size: 22px;
	}



/* Thirds */
.thirds {
	display: inline-block;
	list-style-type: none;
	overflow: hidden;
	width: 960px;
	margin-bottom: 0;
}

.third:first-child {
	margin: 0 20px 0px 0;
}

.third {
	width: 280px;
	margin: 0 20px 0px;
	float: left;
}

.third:last-child {
	margin: 0 0 0px 20px;
}

.project-list li.third:nth-child(5n+1){
	margin-right: 0px;
	margin-left: 10px;
}
.project-list li.third:nth-child(4){
	margin-left: 0px;
	margin-right: 10px;
}

.project-list li.third:nth-child(5){
	margin: 0 10px;
}

.project-list li.third {
	width: 306px;
}

.two-thirds {
	width: 560px;
	margin: 0 20px 50px;
	float: left;
}
.icon-heading {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 4px;
}

/* Quarters */

  .quarters {
  	  width: 960px;
	  list-style-type: none;
	  margin-bottom: 50px;
	  margin-top: 50px;
	  padding: 0;
	  overflow: hidden;
  }
  
  .quarter {
	  width: 220px;
	  float: left;
	  margin: 0 10px;
	  text-align: center;
  }
  
  /* Video */

  .fluidEmbed {
      padding-bottom: 56.25%;
      position: relative;
      height: 0;
  }

  .fluidEmbed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  .light_overlay { position: relative; }

  .light_collapse { padding: 0; }

  .container_overlay {
      height: 100%;
      margin: 0 auto;
      padding-top: 200px;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 2;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
  }


/* Resume Section */
 .intro {
	 margin-top: 50px;
	 margin-bottom: 50px;
	 position: relative; 
 }
 
.company-logo {
	width: 60px;
	margin-right: 50px;
	margin-top: 50px;
	float: left;
	display: block;
}

.description {
	width: 720px;
	display: block;
	float: left;
	margin-bottom: 50px;
	margin-top: 50px;
}

.ctas {
	margin: 0px auto 50px;
	width: 224px;
}

.resume {
	display: inline-block;
}


.clients {
	width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0px;
}

.brand {
	width: 10%;
		
}


.job-title {
	font-size: 36px;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

.company {
	font-size: 18px;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.work-history {
	padding-top: 50px;
}

.experience {
	overflow: hidden;
	padding-top: 0;
	padding-left: 0;
	margin-bottom: 15px;
}

.experience-details {
	text-align: left;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.experience-item {
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.experience-content {
	overflow: hidden;
	margin-bottom: 30px;
}

.experience-media {
	width: 163px;
	background: #FFF;
	border-radius: 50%;
	float: left;
	margin-right: 60px;
}

.job-summary {
	text-align: left;
}

.page-break {
	display: block;
}

.line-title { 
	width:100%; 
	text-align:center; 
	border-bottom: 1px solid #3d3d3d; 
	line-height:0.1em; 
	margin:10px 0 20px; 
	font-size: 18px;
	font-family: 'ProximaNova-Bold';
} 
	
.line-strike { 
	background:#fff; 
	padding:0 10px; 
}

.contribution-logo {
	margin: 30px 0px 10px;
}

.contribution-title {
	font-family: 'ProximaNova-Bold';
	font-size: 28px;
	margin: 0px 0px 15px;
}

.contribution-desc {
	font-size: 14px;
	margin-bottom: 25px;
}

.fifty-fifty {
	width: 350px;
	float: left;
	display: inline-block;
	padding: 25px 65px;
	text-align: center;
}






.outer-icon {
	margin: 0px auto 35px;
	width: 100px;
}

.inner-icon {
	position: absolute;
	top: 36px;
	left: 32px;
	font-size: 100px;
	color: #3D3D3D;
}

.project-process {
	margin: 50px auto;
}

.large-circle {
	position: absolute;
	right: 0;
	top: 18px;
	font-size: 30px;
	color: #FFF;
}

.small-circle {
	font-size: 16px;
	position: absolute;
	top: 7px;
	left: 6px;
}


 .social-icon {
 	 width: 100%;
 	 display: block;
	 text-decoration: none;
	 color: #3D3D3D;
	 font-size: 32px;
 }
 

 .halfScreen-figure {
 	background-size: cover;
 }
 
/* Half Images */

.frame-back {
	background: url('../images/frameoflime/frame-back.jpg') 0 0 no-repeat;
	background-size: cover;
}

.spark-core {
	background: url('../images/bathroom/spark-adafruit.jpg') center center no-repeat;
}

.conference-room {
	background: url('../images/bathroom/conferenceroom.png') center center no-repeat;
}

.front-pixels {
	background: url('../images/frameoflime/front-pixels.jpg') center center no-repeat;
	background-size: cover;
}

.battery {
	background: url('../images/frameoflime/battery.jpg') center center  no-repeat;
	background-size: cover;
}

.workspace {
	background: url('../images/frameoflime/workspace.jpg') bottom left no-repeat;
	background-size: cover;
}

.frame-on {
	background: url('../images/frameoflime/frame-on.jpg') bottom left no-repeat;
	background-size: cover;
}

.orientation-gif {
	background: url('../images/frameoflime/frame-orientation.gif') center center no-repeat;
}



.initial-sketches {
	background: url('../images/tv/sketches.jpg') center center no-repeat;
	background-size: contain;
}

.tv-ia {
	background: url('../images/tv/team-data.jpg') center center no-repeat;
}

.tv-hardware {
	background: url('../images/tv/raspberry-pi.png') center center no-repeat;
}

.sketches-v2 {
	background: url('../images/tv/sketches-all.jpg') center center no-repeat;
}

.original-dash {
	background: url('../images/tv/original-dash.jpg') center center no-repeat;
}

.tv-accessibility {
	background: url('../images/tv/access.png') center center no-repeat;
}

.tv-glyph {
	background: url('../images/tv/glyph-tv.jpg') center center no-repeat;
}

.tv-visuals {
	background: url('../images/tv/tv-visuals.jpg') center center no-repeat;
}





.doubles {
	height: 600px;
}

 .halfScreen {
	 overflow: hidden;
	 display: ms-flexbox;
	 display: ms-flex;
	 display: webkit-flex;
	 display: moz-flex;
	 display: flex;
	 margin: 0;
	 padding: 50px 0;
	 list-style-type: none;
 }
 
 .halfScreen > * {
	 width: 50%;
	 float: left;
	 box-sizing: border-box;
 }
 
 .halfScreen-content {
	 padding: 100px;
 }
 .fig-title {
	 font-size: 32px;
	 font-family: 'ProximaNova-Bold';
 }
 
.projects {
	width: 960px;
	margin: 0 auto;

}

.projects li {
	margin: 0px;
}

.project {
        overflow: hidden;
    }

    .project-hd {
        float: left;
        text-align: left;
    }

    .theme_agent .project-hd-content-bg {
        width: 374px;
        height: 400px;
        /* background-image: url('../images/games-large.jpg'); */
    }
	
	.theme_red .project-hd-content-bg {
        width: 374px;
        height: 400px;
        /* background-image: url('../images/frame-large.jpg');*/
    }
    
    .theme_green .project-hd-content-bg {
        width: 374px;
        height: 400px;
        /* background-image: url('../images/tv-large.jpg');*/
    }
    
	.theme_blue .project-hd-content-bg {
        width: 374px;
        height: 400px;
        /* background-image: url('../images/watch-large.jpg');*/
    }
	
	.theme_teal .project-hd-content-bg {
		width: 374px;
        height: 400px;
    	/* background: transparent url('../images/fc-large.jpg') 0 0 / cover no-repeat;*/
	}
	
	.theme_purple .project-hd-content-bg {
		width: 374px;
        height: 400px;
    	/* background: transparent url('../images/bath-large.jpg') 0 0 / cover no-repeat;*/
	}
	
    .project-bd,
    .project-ft {
        overflow: hidden;
    }
	
	.project-bd {
    	padding: 75px 50px 50px;
	}
	
    .project-hd_reverse {
        float: right;
    } 
	
	
	/* Dribbble Shots */
	.shots {
		list-style-type: none;
		overflow: hidden;
		padding: 0;
		margin: 0;
		width: 100%;
		opacity: .25;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.shots--shot img {
		display: block;
		float: left;
		width: 175px;
	}
	
	
	
	
	
	
.message-me {
	background-color: #1F94E1;
	padding-top: 75px;
}

.message-me h2 {
	font-size: 22px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 1px;
	margin: 0px 0px 15px;
	text-align: center;
}

.message-me p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 50px;
	width: 600px;
}

.white-contact {
	background-color: #FFF;
	color: #0097E0;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

.aside-icon {
	height: 75px;
	margin: 0px auto 50px;
}	
	
	



/* Experience Area */

.exp-container {
	width: 420px;
	overflow: hidden;
	float: left;
}

.exp-container:first-of-type {
	margin-right: 100px;
}

.exp-logo {
	display: block;
	width: 150px;
	margin: 0 auto;
}

.sps-logo {
	width: 150px;
	margin: 0 auto 15px;
}

.nerdery-logo {
	margin: 0 auto 42px;
	width: 100px;
}

.exp-details {
	display: block;
	margin: 0 auto 50px;
	width: 420px;
	float: left;
}

.exp-heading {
	font-size: 20px;
	font-family: 'ProximaNova-Bold';
	letter-spacing: 1px;
	margin: 0px 0px 5px;
}

.exp-sub-heading {
	font-size: 16px;
	font-family: 'ProximaNova-Thin';
	letter-spacing: 1px;
	margin: 0px 0px 15px;
}

.exp-summary {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 75px;
	letter-spacing: 1px;
}

.exp-button {
	margin-bottom: 50px;
	clear: both;
}
	
.go:hover {
	background-color: #FFFFFF;
	color: #3D3D3D;
}
	
	
}