.resume {
		position: relative;
		left: 50%;
		width: 80vw;
		transform: translateX(-50%);
		background-color: white;
		top: 3vh;
		color: black;
		padding-bottom: 40px;
		z-index: 5
	}
	
	.resume a {
		color: black;
		text-decoration: none;
	}

	.resume a:hover {
		text-decoration: underline;
	}
	
	.contactInfo {
		position: relative;
		width: 100%;
		min-height: 20vh;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 50px;
		background-color: rgba(217, 217, 217, 1);
	}
	
	.contactInfoHoler {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
	}
	
	.contactInfoBlock {
		position: absolute;
		text-align: right;
		float: right;
		right: 0px;
		top: 100%;
		transform: translateY(-100%);
		color: #4b007a;
	}
	
	.contactInfoBlock a {
		color: black;
	}

	.resumeSection {
		position: relative;
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.resumeSection a {
		color: black;
	}
	
	.resumeSection h1 {
		font-size: 2em;
	}
	
	#activities {
		font-size: .9em;
	}
	
	.separator {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		height: 1px;
		background-color: black;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.resume #skills ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-position: inside;
	}
	
	.resume #experience li {
		margin-bottom: 10px;
	}
	
	em {
		font-weight: bold;
		font-style: normal;
	}
	
	.firstNm {
		font-family: 'Open Sans Light', sans-serif;
		font-weight: 300;
		font-size: 1.7em;
	}
	
	.lastNm {
		font-family: 'Open Sans SemiBold', sans-serif;
		font-size: 1.7em;
	}
	
	.noWrapText {
		white-space: nowrap;
		display: inline;
	}
	
	.resume #pdfDownloadLink {
		font-size: .7em;
	}

	.certificateWithBadge {
		display: flex;
		flex-direction: row;
		align-content: center;
		vertical-align: middle;
	}

	.certificateWithBadge div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.certificateWithBadge img {
		width: 150%;
		max-width: 150px;
		vertical-align: middle;
		margin-right: 16px;
	}
	
	@media only screen and (max-width: 800px) {
		.contactInfoBlock {
			float: unset;
			text-align: left;
			position: relative;
			transform: translateY(0%);
		}
		
		.resume #skills ul {
			columns: 1;
			-webkit-columns: 1;
			-moz-columns: 1;
			list-style-position: inside;
		}
	}
	
	@media only screen and (max-width: 700px) {	
		body {
			background-repeat: no-repeat;
		}
		
		html{
			height:103%;
			min-height:103%;	
		}
		
		h1 {
			font-size:2em;
		}
		
		.studentText {
			font-size: 1.5em;
		}
		
		.aboveFold {
			top: 55%;
		}

		.certificateWithBadge {
			flex-direction: column;
			width: 100%;
			align-content: center;
		}

		.certificateWithBadge .badge {
			display: flex;
			flex-direction: row;
			justify-content: center;
			margin-bottom: 16px;
		}

		.certificateWithBadge .img {
			margin-right: 0px;
		}

		.certificateWithBadge div {
			align-items: start;
		}
		
	}

	@media only screen and (max-width: 370px) {	
		.NoahTownsend {
			width: 1.3em;
			height: 1.3em;
			top: 15px;
			right: 40px;
		}		
	}
	
	@media screen and (orientation: portrait)
		{
		   .contactCard {
				left: 0px;
				width: 100vw;
			}
		}