/* Hamburger */

	.hamburger {
		position: absolute;
		top: 5px;
		right: 15px;
		z-index: 100;
	}
	
	.home-button {
		position: absolute;
		top: -2px;
		right: 40px;
		font-size: 16px;
		font-weight: 400;
	}
	
	.hamburger a:link {
		color: rgba(0, 0, 0, 0.4);
	}
	
	.hamburger a:hover {
		color: #FF9A01;
	}
	
	.hamburger a:visited {
		color: rgba(0, 0, 0, 0.4);
	}
	
	.menu-button {
		display: inline;
	}
	
	.menu-button img {
		width: 22px; 
		height: 22px;
	}
	


/* Team */

	.team {
		position: relative;
		margin: 0;
		background: rgb(255, 243, 219);
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: black;
	}
	
	.header-background {
		position: absolute;
		width: 2048px;
		height: 906px;
		z-index:0;
		top: 0px;
		left: 0px;
		transform-origin: 0% 0%;
	}
	
	.team-header {
		position: relative;
		z-index:5;
		font-size: 22pt;
		font-weight: 600; /* default is 400 */
		margin-top: 1em;
		margin-bottom: 1.8em;
	}
	
	.team-members {
		position: relative;
		width: 100%;
		z-index:5;
		margin-bottom: 2.5em;
	}
	
	.team-member {	
		display: inline-block;	
		width: 175px;
		margin: 1%;
		padding-bottom: 1em;
		text-align: center;
		vertical-align: top;
	}
	
	.mugshot {
		position: relative;
		width: 122px;
		height: 140px;
		vertical-align: bottom;	
		left: 50%;
		margin-left: -61px;	
	}

	#alex img {
		width: 122px;
		height: 130px;
		padding-top: 10px;
	}
	
	#drew img {
		width: 122px;
		height: 138px;
		padding-top: 2px;
	}
	
	#marcello img {
		width: 122px;
		height: 137px;
		padding-top: 3px;
	}
	
	#charles img {
		width: 122px;
		height: 137px;
		padding-top: 3px;
	}
	
	.name {
		margin-top: 0.5em;
		font-size: 11pt;
		font-weight: 500;
		line-height: 1.8em;
	}
	
	.twitterhandle {
		margin-top: -0.1em;
		font-size: 11pt;
		font-weight: 400;
		line-height: 1.8em;
	}
	
	.team-member a:link {
		color: #777;
	}
	
	.team-member a:hover {
		color: black;
	}
	
	.team-member a:visited {
		color: #777;
	}
	
/* Contact */

	.contact {
		position: relative;
		margin: 0;
		background: rgb(71, 71, 71);
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: white;
	}
	
	.contact-column1 {
		display: inline-block;
		text-align: right;
		vertical-align: top;
		width: 33%;
		padding-right: 0.8em;
		margin-right: 0;
		margin-top: 1em;
		margin-bottom: 1em;
		
	}

	.contact-column2 {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 33%;
		padding-left: 1em;
		padding-bottom: 2.5em;
		margin-left: 0;
		margin-top: 1em;
		margin-bottom: 1em;
		border-left-style: solid;
		border-color: #A3A3A3;
		border-width: 1px;
	}	
	
	.contact-header {
		font-size: 12pt;
		font-weight: 600;
		margin-top: 1em;
		margin-bottom: 1.2em;
		line-height: 1.8em;
		color: #F5BB43;
	}
	
	.contact-item {
		font-size: 14pt;
		font-weight: 500;
		line-height: 1.6em;
	}
	
	.contact-item-label {
		display: inline-block;
		font-weight: 400;
		margin-right: 0.1em;
		color: #A3A3A3;
	}
	
	.contact-item-address {
		display: inline-block;
	}
	
	.contact-item a:link {
		color: white;
	}
	
	.contact-item a:hover {
		color: #F5BB43;
	}
	
	.contact-item a:visited {
		color: #ddd;
	}
	
/* Company */
	
	.company {
		margin-top: 2.5em;
		margin-bottom: 3.5em;
		position: relative;
		background: white;
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: black;
	}
		
	.company-icon {
		margin-bottom: -0.2em;
	    -ms-transform: scale(0.5, 0.5);
	    -moz-transform: scale(0.5, 0.5);
	    -webkit-transform: scale(0.5, 0.5);
	    transform: scale(0.5, 0.5);	
	}	
	
	.company-title {
		display: relative;
		font-size: 22pt;
		font-weight: 600; /* default is 400 */
		margin-bottom: 0.8em;
		margin-left: 2em;
		margin-right: 2em;
	}
	
	.company-description {
		margin-top: 1em;
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.8em;
	}

	.company-column1 {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 33%;
		margin-right: 1.2em;
	}

	.company-column2 {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 33%;
		margin-left: 1.2em;
	}
	
/* Responsiveness */
	
	@media screen and (max-width: 1600px) {

		.header-background {
		    -ms-transform: scale(0.8, 0.8);
		    -moz-transform: scale(0.8, 0.8);
		    -webkit-transform: scale(0.8, 0.8);
		    transform: scale(0.8, 0.8);
		}
	}
	
	@media screen and (max-width: 1280px) {

		.header-background {
		    -ms-transform: scale(0.7, 0.7);
		    -moz-transform: scale(0.7, 0.7);
		    -webkit-transform: scale(0.7, 0.7);
		    transform: scale(0.7, 0.7);
		}
	}
	
	@media screen and (max-width: 1024px) {

		.header-background {
		    -ms-transform: scale(0.5, 0.5);
		    -moz-transform: scale(0.5, 0.5);
		    -webkit-transform: scale(0.5, 0.5);
		    transform: scale(0.5, 0.5);
		}
	}
	
	@media screen and (max-width: 900px) {

		.team-member {	
			display: inline-block;	
			width: 155px;
			margin: 0%;
		}
	}

	@media screen and (max-width: 700px) {

		#pencil-about {
			left: -850px;
		}
		
		.header-background {
		    -ms-transform: scale(0.8, 0.8);
		    -moz-transform: scale(0.8, 0.8);
		    -webkit-transform: scale(0.8, 0.8);
		    transform: scale(0.8, 0.8);
		}
		
		.contact-column1 {
			text-align: left;
			width: 70%;
			padding: 0;
			margin-left: 0;
			margin-bottom: 1em;
			padding-bottom: 1.5em;
			border-bottom-style: solid;
			border-color: #A3A3A3;
			border-width: 1px;
		}

		.contact-column2 {
			text-align: left;
			width: 70%;
			margin-top: 0;
			margin-left: 0;
			padding-left: 0;
			border-left-style: none;
		}
		
		.company-column1 {
			width: 70%;
			margin-right:0;
		}
	
		.company-column2 {
			text-align: left;
			width: 70%;
			margin-left: 0;
		}	
	}

	@media screen and (max-width: 600px) {

		
	}

	/* iPhone 8 plus @ 414px */
	@media screen and (max-width: 500px) {


		.team-header {
			margin-top: 2em;
		}
		
		#pencil-about {
			top: -1620px;
			left: -850px;
		}
	}

	/* iPhone 8 @ 375px */
	@media screen and (max-width: 400px) {

		.header-background {
		    -ms-transform: scale(0.73, 0.73);
		    -moz-transform: scale(0.73, 0.73);
		    -webkit-transform: scale(0.73, 0.73);
		    transform: scale(0.73, 0.73);
		}
		
	}

	/* iPhone 5S @ 320px */
	@media screen and (max-width: 350px) {

		.team-member {	
			display: inline-block;	
			width: 175px;
			margin: 0%;
		}
		
		.header-background {
		    -ms-transform: scale(1.4, 1.4);
		    -moz-transform: scale(1.4, 1.4);
		    -webkit-transform: scale(1.4, 1.4);
		    transform: scale(1.4, 1.4);
		}
	}