/* 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;
	}
	


/* Pi-fest header */

	.pifest {
		position: relative;
		margin: 0;
		background: rgb(179, 212, 227);
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: black;
	}

	.pifest-header {		
		position: relative;
		z-index:5;
		font-size: 22pt;
		font-weight: 600; /* default is 400 */
		margin-top: 0em;
		padding: 0;
	}
	
	.pifest-header img {
		height: 100%;
		width: 100%;
		z-index:0;
	}
	
/* Campaign */

	.campaign {
		position: relative;
		margin: 0;
		background: rgb(71, 71, 71);
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: white;
	}
	
	.campaign-date {
		font-size: 12pt;
		font-weight: 400;
		margin-top: 1em;
		margin-bottom: 0.2em;
		line-height: 1.8em;
		color: #A3A3A3;
	}
	
	.campaign-title {		
		font-size: 20pt;
		font-weight: 600;
		margin-left: 1em;
		margin-right: 1em;
		color: #F5BB43;
	}
	
	.campaign-description {
		display: inline-block;
		font-size: 16pt;
		font-weight: 300;
		margin-bottom: 1em;
		margin-left: 1em;
		margin-right: 1em;
		color: white;
	}
	
/* Instructions */
	
	.instructions {
		margin-top: 2.5em;
		margin-bottom: 3.5em;
		position: relative;
		background: white;
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: black;
	}
	
	.instructions-title {
		display: relative;
		font-size: 22pt;
		font-weight: 600; /* default is 400 */
		margin-bottom: 0.8em;
		margin-left: 1em;
		margin-right: 1em;
	}
	
	.instructions-step {
		margin-top: 2em;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 14pt;
		font-weight: 400;
		line-height: 1.8em;
	}
	
	.instructions-image-step2 img {
		height: 99px;
		width: 280px;
		z-index:0;
	}
	
	.instructions-image-step3 img {
		height: 320px;
		width: 500px;
		z-index:0;
	}
	
	.instructions-image-step4 img {
		height: 499px;
		width: 500px;
		z-index:0;
	}
	
	.instructions-additional {
		margin-top: 1em;
		font-size: 12pt;
		font-weight: 400;
		line-height: 1.6em;
	}

/* About */

	.about {
		margin-top: 2.5em;
		margin-bottom: 1em;
		position: relative;
		background: white;
		width: 100%;
		overflow: hidden;	
		text-align: center;	
		color: black;
	}

	.about-title {
		display: relative;
		font-size: 22pt;
		font-weight: 600; /* default is 400 */
		margin-bottom: 0.8em;
		margin-left: 1em;
		margin-right: 1em;
	}
	
	.about-description {
		padding-left: 25%;
		padding-right: 25%;
		margin-top: 0.6em;
		font-size: 14pt;
		font-weight: 400;
		line-height: 1.6;
	}
	
	
/* 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) {

		.pifest-header img {
			width: 200%;
			margin-left: -50%;
		}
		
		.about-description {
			padding-left: 1.5em;
			padding-right: 1.5em;
		}
	
		.instructions-image-step3 img {
			height: 160px;
			width: 250px;
			z-index:0;
		}
	
		.instructions-image-step4 img {
			height: 250px;
			width: 250px;
			z-index:0;
		}

	}

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


		
	}

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

	}