@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');
}


section {
	padding: 100px 0;
	color: #505050;
}

.bg-gray {
	background-color: #505050;
	color: #FFF;
}

.bg-green {
	background-color: #88c265;
	color: #FFF;
}

.bg-blue {
	background-color: #517fa4;
	color: #FFF;
}

.adafruit-tutorial {
	background-image: url(../images/bathroom/bg-gadgets.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}

.nerdery-desks {
	background-image: url(../images/bathroom/bg-desks.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}

.meeting {
	background-image: url(../images/bathroom/bg-meeting.png);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.soldering {
	background-image: url(../images/bathroom/soldering.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.iot-addition {
	background-image: url(../images/bathroom/bg-soldering-blue.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-align: center;
}

.app-animation {
	background-color: #a5adad;
	color: #FFF;
}



.icon-headline {
	width: 100px;
	text-align: center;
}


.physical-ui {
	background-image: url(../images/bathroom/bg-analog.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-align: center;
}

.iot-fuse {
	text-align: center;
}

.padded-bottom {
	margin-bottom: 50px;
}




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

.bath-mast {
	background: transparent url('../images/bathroom/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;
}





h1 {
	font-size: 24px;
	line-height: 28px;
	font-family: 'ProximaNova-Bold';
	text-transform: uppercase;
}


p {
	font-size: 14px;
	line-height: 20px;
	font-family: 'ProximaNova-Reg';
}



.figure-row {
	width: 50px;
	display: block;
	text-align: center;
	margin: 0 auto 10px;
}

.icon-row {
	margin-bottom: 50px;
}

.figure-desc {
	display: block;
	text-align: center;
	font-family: 'ProximaNova-Bold';
	font-size: 11px;
	text-transform: uppercase;
	word-break: break-word;
}


.top-logo {
	width: 100px;
}

.project-goals {
	background-color: #88c265;
	color: #FFF;
	text-align: center;
}

/*
.project-goals p {
	margin-bottom: 50px;
}

.bg-gray p {
	margin-bottom: 50px;
}

.sensors p {
	margin-bottom: 25px;
}

.physical-ui p {
	margin-bottom: 25px;
}
*/

p {
	margin-bottom: 25px;
}
.sensors {
	text-align: center;
}

.video-aside {
	width: 100%;
}

.video-main {
	display: block;
	height: 100%;
	width: 100%;
}


 .social-icon {
 	 width: 100%;
 	 display: block;
	 text-decoration: none;
	 color: #3D3D3D;
	 font-size: 26px;
	 text-align: center;
 }
 
 .social-icon:hover {
	 color: #FFF;
	 background-color: #2a80b9;
 }




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


.mast {
	  	height: 525px;
	  	padding: 75px 0 0;
  }
  
.bath-mast {
	background: transparent url('../images/bathroom/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;
  }

	}














@media all and (min-width: 960px) {
.mast {
	height: 700px;
	padding-top: 225px;
}	
.bath-mast {
	background: transparent url('../images/bathroom/mast-large.jpg') 0 0 / cover no-repeat;
}
	
.mast_intro {
	  width: 960px;
	  margin: 0 auto 25px;
	  padding: 50px 0 0;

  }		
	

.video-main {
	display: block;
	height: 360px;
	width: 100%;
}
	

.figure-row {
	width: 60px;
	display: block;
	text-align: center;
	margin: 0 auto 10px;
}	
	
.figure-desc {
	font-size: 14px;
}

.padded-bottom {
	margin-bottom: 50px;
}

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

	}