body{
	font-weight: 100;
}
h2{
	font-weight: 100;
	font-size: 24px;
	margin: 0 0 20px;
	text-transform: uppercase;
}
h3{
	font-size: 11px;
	margin: 0;
	font-weight: 600
}
.pointer{
	cursor: pointer;
}
.navbar-logo{
	background: url(../images/logo@2x.png) center center;
	width: 55px;
	height: 78px;
	background-size: 55px 78px;
	display: inline-block;
	margin: 10px 0 10px 30px;;
}
.navbar-brand{
	text-transform: uppercase;
	font-weight: 100;
	line-height: 78px;
	font-size: 22px;
}
.navbar-header{
	float: none;
}
a.navbar-header{
	display: block;
	color: #000;
}
a.navbar-header:hover{
	color: #4DBAE9;
}
.tagline{
	text-align: center;
	font-size: 27px;
	font-weight: 100;
	padding: 175px 40px 200px;
}
.blue .tagline{
	padding: 125px 40px 125px;
}
.blue a{
	color: #d5f0fc;
}
.amp{
	font-family: "jbt-annabelle";
	color: #4DBAE9;
	font-size: 35px;
	display: inline-block;
	vertical-align: top;
	padding: 0 2px;
}
article.work{
	padding: 65px 0;
	font-size: 15px;
}
article.work p{
	margin-bottom: 20px;
}
article.work .office-hours{
	text-align: center;
}
article.work .office-hours img{
	border: 3px solid #000;
	border-radius: 3px;
}
article.work .cycling-jerseys{
	text-align: center;
}
.cycling-jerseys .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	display: inline-block !important;
}
.iphone-white{
	height: 390px;
	background: url(../images/white-phone@2x.png) no-repeat center center;
	background-size: 189px 390px;
}
.iphone-black{
	height: 390px;
	background: url(../images/black-phone@2x.png) no-repeat center center;
	background-size: 189px 390px;
}
.ipad-black{
	height: 285px;
	background: url(../images/black-ipad@2x.png) no-repeat center center;
	background-size:394px 285px;
}
.iphone-white .carousel, .iphone-black .carousel{
	width: 148px;
	padding-top: 50px;
	margin: 0 auto;
}
.ipad-black .carousel{
	width: 305px;
	padding-top: 18px;
	margin: 0 auto;
}
.blue{
	background: #4DBAE9;
	color: #fff;
}
.about{
	padding: 75px 0px;
	position: relative;
}
.about p{
	margin-right: 250px;
	font-size: 17px;
	margin-bottom: 35px;
}
.profile-pic{
	position: absolute;
	background: url(../images/profile2.jpg) center center;
	background-size: 150px 150px;
	height: 150px;
	width: 150px;
	border-radius: 50em;
	right: 40px;
	margin-top: 10px;
}
article.about-me{
    border-top: 3px solid #F5F5F5;
}
.find-me{
        background:  #F5F5F5;
	padding: 50px 0;
	text-align: center;
	font-size: 20px
}
.social-icons{
	padding-top: 20px;
}
.social-icons a{
	width: 36px;
	height: 36px;
	margin: 0 12px;
	background: url(../images/social@2x.png) center top;
	background-size: 36px 187px;
	display: inline-block;
}
.social-icons a.linkedin{
	background-position: center top;
}
.social-icons a.twitter{
	background-position: center -38px;
}
.social-icons a.instagram{
	background-position: center -75px;
}
.social-icons a.facebook{
	background-position: center -113px;
}
.social-icons a.github{
	background-position: center bottom;
}
.role-info{
	padding-left: 15px;
}
.project-des img{
	width: 100%;
	margin: 30px 0 35px;
	border-bottom: 2px solid transparent;
	padding: 0 0 5px 0;
}
.project-des img:hover{
	border-bottom: 2px solid #4DBAE9;
}
.affix {
  width: inherit;
  position: fixed;
  top: 35px;
}
.work-header{
	margin: 0;
	text-transform: none;
}
.project-hero{
	padding: 70px 0;
	text-align: center;
}
.project-hero img{
	width: 100%;
}
.project-hero.normal-width img{
	width: inherit;
}
a.view-details, .blue a.view-details:hover{
	padding: 3px 10px;
	background: #4DBAE9;
	color: #fff;
	border-radius: 15px;
	font-size: 12px;
	text-decoration: none;
}
.blue a.view-details, a.view-details:hover{
	background: #fff;
	color: #4DBAE9;
	text-decoration: none;
}
.conference .ipad-black{
	margin-top: 56px;
}
@media (max-width: 768px){
	.work .row .col-md-6:first-child{
		margin-bottom: 30px;
	}
	.work-text{
		padding: 0 100px;
	}
	.col-md-6.pull-right, .col-md-3.pull-right{
		float: none !important;
	}
	.affix {
	  position: static;
	  width: auto;
	  top: 0;
	}
	.role-info{
		text-align: center;
		padding: 0;
	}
	.conference .ipad-black{
		margin-top: 0;
	}
}
@media (min-width: 632px) and (max-width: 991px){
	.tagline{
		padding: 140px 100px 150px;
	}
}
@media (max-width: 624px){
	.tagline{
		font-size: 25px;
	}
	.amp{
		font-size: 33px;
	}
	.work-text{
		padding: 0 40px;
	}
	h2{
		text-align: center;
		margin-bottom: 25px;
		font-size: 22px;
	}
	article.work{
		padding: 35px 0;
	}
	.about p{
		margin-right: 0;
		font-size: 15px;
	}
	.about{
		text-align: center;
		padding: 35px 0px;
	}
	.profile-pic{
		position: relative;
		height: 75px;
		width: 75px;
		background-size: 75px 75px;
		right: initial;
		display: inline-block;
		margin-bottom: 15px;
	}
}
@media (max-width: 488px){
	.tagline{
		font-size: 22px;
		padding: 140px 20px 150px;
	}
	.amp{
		font-size: 30px;
	}
}
@media (max-width: 386px){
	.tagline{
		font-size: 19px;
		padding: 100px 10px 120px;
	}
	.amp{
		font-size: 24px;
	}
	.navbar-brand{
		display: none;
	}
	.work-text{
		padding: 0 20px;
	}
	.ipad-black{
		background-size: 304px 220px;
	}
	.ipad-black img{
		max-width: 235px !important;
	}
	.ipad-black .carousel {
		width: 237px;
		padding-top: 47px;
	}
	.social-icons a{
		margin: 0 7px;
	}
}