header {
	height: 195px;
	background-color: #ff0800;
}

.profileImage{
	height: 550px;
	border-style: double;
	background-image: url(../images/caleb_profile.jpg);
	background-size: cover;
}

.xSpacer{
	height: 20px;
}

.xButtonBorder{
	height: 45px;
	width: 45px;
	background-color: black;
	border-radius: 20px;
	cursor: pointer;
}

.xButton{
	color: red;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}

.formIconValid {
	color: #a1ffa8;
	position: absolute;
	margin: -43px 440px;
	display: "none";
	opacity: 0;
}

.formIconInvalid {
	color: #ff371c;
	position: absolute;
	margin: -43px 445px;
	display: "none";
	opacity: 0;
}

.formIconInvalidfirstName {
	position: absolute;
	margin: -43px 316px;
}

.errorMessageClass {
	color: #ff371c;
	margin: -15px 0px;
	position: absolute;
	display: "none";
	opacity: 0;
}

.formIconValidEmail {
	margin: -43px 320px !important;
}

.formIconInvalidEmail {
	margin: -43px 320px !important;
}

.formIconValidSubject {
	margin: -43px 920px !important;
	position: absolute !important;
}

.formIconInvalidSubject {
	margin: -43px 920px !important;
	position: absolute !important;
}

.formIconValidMessage {
	margin: -155px 920px !important;
}

.formIconInvalidMessage {
	margin: -155px 920px !important;
}

.counter {
	position: fixed;
	background-color: red;
	color: white;
	top: 0;
	margin-left: 5px;
	z-index: 6000;
}

.siteTitle {
	color: white;
	font-size: 75pt;
	margin: 20px 0px;
}

.designBox {
	height: 275px;
}

.designContainer {
	height: 125px;
}

.iconDescriptorDesign {
	margin: -15px 0px;
	color: white;
	text-align: center;
}

.iconDescriptorCoding {
	color: white;
	text-align: center;
}

.attributionsAndCreditsSectionClass {
	display: none;
	opacity: 0;
}

.attributionsAndCreditsBox {
	background-color: red;
	height: 500px;
}

.attributionsTitle {
	color: white;
	text-align: center;
}

.attributionItem {
	color: white;
}

.attributionLink {
	color: white;
}

.attributionAuthor {
	color: white;
}

#photoshop_icon {
	width: 100%;
	height: 100%;
}

#illustrator_icon {
	width: 100%;
	height: 100%;
}

#illustrator_icon {
	width: 100%;
	height: 100%;
}

#html_icon {
	width: 100%;
	height: 100%;
}

#css3_icon {
	width: 77%;
	height: 100%;
}

#javascript_icon {
	width: 85%;
	height: 100%;
}

#vuejs_icon {
	width: 100%;
	height: 100%;
}

#svg_icon {
	width: 100%;
	height: 100%;
}

.banner_image {
	width: 100%;
	height: 100%;
}

.logo_border {
	height: 350px;
}

.aboutMeBox01 {
	height: 400px;
	background-color: #ff0800;
}

.aboutMeBox02 {
	height: 1016px;
	background-color: #ff0800;
}

.overflowBox {
	overflow: auto;
	height: 395px;
}

.attributionSpacer {
	height: 40px;
}

.aboutMeDescriptionSpacer {
	height: 155px;
}

.designCodingSpacer {
	height: 80px;
}

.aboutMeDescriptionBox {
	height: 200px;
}

.aboutMeDescriptionText {
	color: white;
	text-align: left;
	font-size: 24pt;
}

.aboutMeDescriptionText02 {
	color: white;
	text-align: center;
	font-size: 18pt;
}

.aboutMeDescriptionText03 {
	color: white;
	text-align: center;
	font-size: 24pt;
}

.startButtonClass {
	color: white;
	background-color: #ff0800;
	cursor: pointer;
	height: 30px;
}

.startButtonText {
	text-align: center;
}

.nav_body {
	height: 62px;
	background-color: none;
}

.aboutMeOption {
	height: 62px;
	border-style: solid;
	color: #ff0800;
	background-color: #bf0600;
}

.navContainer {
	width: 601px;
	height: 60px;
	display: -webkit-box;
}

.aboutMeSelectionClass {
	color: white;
	margin: 88px 0px;
}

.myProjectsSelectionClass {
	color: white;
	margin: 88px 30px;
}

.resumeSelectionClass {
	color: white;
	margin: 88px 0px;
}

.buyMeACoffeeSelectionClass {
	color: white;
	margin: 88px 30px;
}

.contactSelectionClass {
	color: white;
	margin: 88px 0px;
}

.aboutMeSectionNewClass {
	opacity: 1;
	display: inline;
}

.aboutMeNew li {
	display: inline;
}

.myProjectsOption {
	height: 62px;
	border-style: solid;
	color: #ff0800;
	background-color: #bf0600;
}

.projectsSectionClass {
	opacity: 0;
	display: none;
}

.parallaxbox01 {
	height: 1050px;
	background-image: url(../images/development-4536630_960_720_new.png);
	background-attachment: fixed;
	background-position: 0px -190px;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallaxbox02 {
	height: 450px;
	background-image: url(../images/development-4536630_960_720_new.png);
	background-attachment: fixed;
	background-position: 0px -190px;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallaxbox03 {
	height: 450px;
	background-image: url(../images/development-4536630_960_720_new.png);
	background-attachment: fixed;
	background-position: 0px -190px;
	background-repeat: no-repeat;
	background-size: cover;
}

.whoIamTitle {
	color: white;
	font-size: 55pt;
	text-align: center;
}

.whoIamTitleContainer {
	background-color: rgba(119, 119, 119, 0.5);
	height: 125px;
}

.whoIamTitleContainer02 {
	background-color: rgba(119, 119, 119, 0.5);
	height: 105px;
}

.whoIamTitleSpacer {
	height: 175px;
}

.projectImageSpacer {
	height: 50px;
}

.projectImage {
	height: 415px;
}

.projectImage img {
	height: 100%;
	width: 100%;
}

.projectDescriptionBox {
	height: 415px;
}

.projectDescriptionTitle {
	color: white;
	font-size: 25px;
	text-align: center;
}

.projectDescription {
	color: white;
}

.resumeSectionClass {
	opacity: 0;
	display: none;
}

.resumeOption {
	height: 62px;
	border-style: solid;
	color: #ff0800;
	background-color: #bf0600;
}

.resumeSection {
	opacity: 0;
	display: none;
}

#contactSubmitButton {
	background-color: #bf0600;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

.contactSectionClass {
	opacity: 0;
	display: none;
}

.buyMeACoffeeOption {
	height: 62px;
	border-style: solid;
	color: #ff0800;
	background-color: #bf0600;
}

.contactOption {
	height: 62px;
	border-style: solid;
	color: #ff0800;
	background-color: #bf0600;
}

.aboutMeBoxSpacer {
	height: 20px;
}

.aboutMeOptionTitle {
	font-size: 12pt;
	text-align: center;
	color: white;
	margin: 15px 0px;
}

.myProjectsOptionTitle {
	font-size: 12pt;
	text-align: center;
	color: white;
	margin: 15px 0px;
}

.resumeOptionTitle {
	font-size: 12pt;
	text-align: center;
	color: white;
	margin: 15px 0px;
}

.imageBody {
	height: 31px;
}

.aboutMeIcon {
	height: 100%;
	width: 100%;
}

.buyMeACoffeeOptionTitle {
	font-size: 11.5pt;
	text-align: center;
	color: white;
	margin: 15px 0px;
}

.contactOptionTitle {
	font-size: 12pt;
	text-align: center;
	color: white;
	margin: 15px 0px;
}

.aboutMeArticleBox {
	height: 959px;
	background-color: #800400;
}

.resumeArticleBox {
	height: 2655px;
	background-color: #800400;
}

.projectsBox {
	height: 2800px;
	background-color: #800400
}

.projectSpacer {
	height: 40px;
}

.rockPaperScissorsClass {
	height: 500px;
}

.LakeRidgeHealthClass {
	height: 500px;
}

.RSDClass {
	height: 500px;
}

.MADMoviesClass {
	height: 500px;
}

.restaurantClass {
	height: 500px;
}

.easyGroceriesClass {
	height: 500px;
}

.binaryElectronicsClass {
	height: 500px;
}

.rockPaperScissorsImage {
	height: 100%;
	width: 100%;
}

.rockPaperScissorsImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.LakeRidgeHealthImage {
	height: 100%;
	width: 100%;
}

.LakeRidgeHealthImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.RSDImage {
	height: 100%;
	width: 100%;
}

.RSDImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.restaurantImage {
	height: 100%;
	width: 100%;
}

.restaurantImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.restaurantImage {
	height: 100%;
	width: 100%;
}

.MADMoviesImage {
	height: 100%;
	width: 100%;
}

.binaryElectronicsImage {
	height: 100%;
	width: 100%;
}

.binaryElectronicsImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.MADMoviesImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.easyGroceriesImageBody {
	border-style: solid;
	border-color: rgba(95, 95, 95, 1);
	cursor: pointer;
}

.easyGroceriesImage {
	height: 100%;
	width: 100%;
}

.contactBox {
	height: 795px;
	background-color: #800400;
}

.firstnameFieldBody {
	height: 110px;
}

.firstnameFieldTitle {
	color: white;
}

.lastnameFieldBody {
	height: 110px;
}

.lastnameFieldTitle {
	color: white;
}

.emailFieldBody {
	height: 110px;
}

.emailFieldTitle {
	color: white;
}

.messageFieldBody {
	height: 110px;
}

.messageFieldTitle {
	color: white;
	text-align: center;
}

.messageFieldSize {
	height: 258px;
}

.subjectFieldTitle {
	color: white;
	text-align: center;
}

.rockPaperScissorsTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.LakeRidgeHealthTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.RSDTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.MADMoviesTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.restaurantTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.easyGroceriesTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.binaryElectronicsTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.DRRClass {
	height: 333px;
}

.DRRImage {
	height: 100%;
	width: 100%;
}

.EastGTAClass {
	height: 333px;
}

.EastGTAImage {
	height: 100%;
	width: 100%;
}

.EastGTATitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.projectTitle_box {
	height: 40px;
}

.projectTitle {
	font-size: 30pt;
	color: white;
	text-align: center;
}

.RachelClass {
	height: 333px;
}

.RachelImage {
	height: 100%;
	width: 100%;
}

.RachelTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.rockPaperScissorsTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.LakeRidgeHealthTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.RSDTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.restaurantTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.easyGroceriesTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.binaryElectronicsTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.MADMoviesTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.DRRTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.DRRTitle {
	font-size: 14pt;
	text-align: center;
	color: white;
}

.EastGTATitleBox {
	height: 40px;
	background-color: #bf0600;
}

.RachelTitleBox {
	height: 40px;
	background-color: #bf0600;
}

.myName {
	font-size: 60pt;
	color: white;
}

.interpersonal {
	font-size: 60pt;
	color: white;
}

.workExperience {
	font-size: 60pt;
	color: white;
}

.education {
	font-size: 60pt;
	color: white;
}

.line01 {
	height: 10px;
	background-color: #ff0800;
}

.line02 {
	height: 10px;
	background-color: #ff0800;
}

.line03 {
	height: 10px;
	background-color: #ff0800;
}

.interpersonalArticle {
	height: 72px;
}

.interpersonalParagraph {
	font-size: 22pt;
	text-align: center;
	color: white;
}

.workLine01Right {
	height: 30px;
}

.workLine01Left {
	height: 30px;
}

.workLine02Right {
	height: 30px;
}

.workLine02Left {
	height: 30px;
}

.workLine03Left {
	height: 30px;
}

.workLine04Left {
	height: 30px;
}

.workLine05Left {
	height: 30px;
}

.workLine05Right {
	height: 30px;
}

.workLine06Left {
	height: 30px;
}

.jobtitle01 {
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
	color: white;
}

.jobdate01 {
	font-size: 22pt;
	font-weight: normal;
	text-align: right;
	color: white;
}

.jobtitle02 {
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
	color: white;
}

.jobdate02 {
	font-size: 22pt;
	font-weight: normal;
	text-align: right;
	color: white;
}

.jobtitle03 {
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
	color: white;
}

.jobdate03 {
	font-size: 22pt;
	font-weight: normal;
	text-align: right;
	color: white;
}

.jobdate04 {
	font-size: 22pt;
	font-weight: normal;
	text-align: right;
	color: white;
}

.edutitle01 {
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
	color: white;
}

.edutime01 {
	font-size: 22pt;
	font-weight: normal;
	text-align: left;
	color: white;
}

.voltime01 {
	font-size: 22pt;
	font-weight: normal;
	text-align: left;
	color: white;
}

.voltime02 {
	font-size: 22pt;
	font-weight: normal;
	text-align: left;
	color: white;
}

.jobdescription01 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.jobdescription02 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.jobdescription03 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.edudescription01 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.edudescription02 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.edudescription03 {
	font-size: 15pt;
	color: white;
	text-align: left;
}

.aboutMeArticleContainer {
	height: 342px;
}

.educationContainer {
	height: 342px;
}

.submitButtonContainer {
	height: 60px;
}

.voltitle01 {
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
	color: white;
}

.whoIAmTitle {
	color: white;
	text-align: left;
}

.whoIAmParagraph {
	color: white;
	text-align: left;
}

.whatIDoTitle {
	color: white;
	text-align: left;
}

.whatIDoParagraph {
	color: white;
	text-align: left;
}

.listMovieTitle {
	opacity: 0;
	display: 0;
}

.ProficiencesTitle {
	color: white;
	text-align: center;
}

.CodingTitle {
	color: white;
	text-align: left;
}

.CodingParagraph {
	color: white;
	text-align: left;
}

.DesignParagraph {
	color: white;
	text-align: left;
}

.copyright {
	text-align: center;
	color: white;
	font-size: 20pt;
}

.copyright-credit {
	text-align: center;
	color: white;
	font-size: 18pt;
}

.hideMe {
	opacity: 0;
	display: none;
}

.rockPaperScissorsProjectSectionClass {
	opacity: 0;
	display: none;
}

.LakeRidgeHealthProjectSectionClass {
	opacity: 0;
	display: none;
}

.rockPaperScissorsProjectBox {
	height: 860px;
	background-color: #800400;
}

.LakeRidgeHealthProjectBox {
	height: 860px;
	background-color: #800400;
}

.MADMoviesProjectBox {
	height: 860px;
	background-color: #800400;
}

.easyGroceriesProjectBox {
	height: 860px;
	background-color: #800400;
}

.designTitle {
	color: white;
	text-align: center;
}

.codingTitle {
	color: white;
	text-align: center;
}

.footer {
	height: 128px;
	background-color: #ff0800;
}

.contactThankYouMessageClass {
	text-align: center;
	color: #10e300;
	display: none;
	opacity: 0;
}

.formSpacer {
	height: 80px;
}


/* TABLETS */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.aboutMeArticleBox {
		height: 1165px;
	}
	.CodingTitle {
		text-align: center;
	}
	.CodingParagraph {
		text-align: center;
	}
	.myName {
		font-size: 40pt;
		color: white;
	}
	.interpersonal {
		font-size: 40pt;
	}
	.workExperience {
		font-size: 40pt;
	}
	.jobtitle01 {
		font-size: 14pt;
	}
	.jobtitle02 {
		font-size: 14pt;
	}
	.jobtitle03 {
		font-size: 14pt;
	}
	.jobdate01 {
		font-size: 14pt;
	}
	.jobdate02 {
		font-size: 14pt;
	}
	.jobdate03 {
		font-size: 14pt;
	}
	.education {
		font-size: 40pt;
	}
	.edutitle01 {
		font-size: 14pt;
	}
	.edutime01 {
		font-size: 14pt;
	}
	.jobdescription01 {
		font-size: 12pt;
	}
	.jobdescription02 {
		font-size: 12pt;
	}
	.jobdescription03 {
		font-size: 12pt;
	}
	.edudescription01 {
		font-size: 12pt;
	}
	.edudescription02 {
		font-size: 12pt;
	}
	.interpersonalParagraph {
		font-size: 16pt;
	}
	.voltitle01 {
		font-size: 14pt;
	}
	.voltime01 {
		font-size: 14pt;
	}
	.siteTitle {
		font-size: 50pt;
		width: 665px;
		margin: 52px -25px;
	}
	#photoshop_icon {
		width: 135%;
		height: 135%;
	}
	#illustrator_icon {
		width: 135%;
		height: 135%;
	}
	#html_icon {
		width: 135%;
		height: 135%;
	}
	#css3_icon {
		width: 95%;
		height: 125%;
	}
	#javascript_icon {
		width: 95%;
		height: 115%;
	}
	#vuejs_icon {
		width: 103%;
		height: 122%;
	}
	.designContainer {
		height: 125px;
	}
	.iconDescriptorDesign {
		margin: -15px 0px;
		color: white;
		text-align: center;
		width: 88px;
	}
	.designTitle {
		color: white;
		text-align: center;
		font-size: 28pt;
	}
	#html_icon {
		height: 60%;
	}
	#css3_icon {
		height: 60%;
	}
	#javascript_icon {
		height: 60%;
	}
	#vuejs_icon {
		height: 60%;
	}
	#svg_icon {
		height: 60%;
	}
	.myProjectsSelectionClass {
		color: white;
		margin: 88px 18px;
	}
	.buyMeACoffeeSelectionClass {
		margin: 88px 22px;
	}
	.navContainer {
		width: 495px;
		height: 60px;
		display: -webkit-box;
	}
	.footer {
		height: 160px;
	}
	.attributionsAndCreditsBox {
		background-color: red;
		height: 670px;
	}
	.parallaxbox01 {
		background-position: 0px -65px;
	}
	.parallaxbox02 {
		background-position: 0px -2px;
	}
	.parallaxbox03 {
		background-position: 0px -2px;
	}
	#startButtonRPS {
		margin-top: -145px;
	}
	.startButtonClass {
		height: 55px;
		font-size: 22pt;
	}
	.rockPaperScissorsClass {
		height: 320px;
	}
	.LakeRidgeHealthClass {
		height: 320px;
	}
	.projectsBox {
		height: 1510px;
	}
	.rockPaperScissorsTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.LakeRidgeHealthTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.RSDTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.MADMoviesTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.formIconValid {
		margin: -43px 225px;
	}
	.formIconInvalid {
		margin: -43px 225px;
	}
	.formIconValidEmail {
		margin: -43px 285px !important;
	}
	.formIconInvalidEmail {
		margin: -43px 285px !important;
	}
	.formIconValidSubject {
		margin: -43px 605px !important;
	}
	.formIconInvalidSubject {
		margin: -43px 605px !important;
	}
	.formIconValidMessage {
		margin: -155px 605px !important;
	}
	.formIconInvalidMessage {
		margin: -155px 605px !important;
	}
	.contactBox {
		height: 915px;
	}
	.LakeRidgeHealthProjectBox {
		height: 1040px;
		background-color: #800400;
	}
	#startButtonLakeRidgeHealth {
		margin-top: -40px;
	}
	.MADMoviesProjectBox {
		height: 975px;
		background-color: #800400;
	}
	#startButtonMADMovies {
		margin-top: -125px;
	}
	.restaurantClass {
		margin-top: -200px;
	}
	.easyGroceriesClass {
		margin-top: -200px;
	}
	.easyGroceriesProjectBox{
		height: 1035px;
	}
	#startButtonEasyGroceries{
		margin-top: -80px;
	}
	#startButtonRSD{
		margin-top: -225px;
	}
	#startButtonRestaurant{
		margin-top: -185px;
	}
	.rockPaperScissorsProjectBox{
		height: 930px;
	}
	.binaryElectronicsClass{
		margin-top: -210px;
	}
}


/* SMARTPHONES */

@media only screen and (min-device-width: 361px) and (max-device-width: 736px) {
	.projectImageSpacer {
		height: 150px;
	}
	.rockPaperScissorsProjectBox {
		height: 1205px;
		background-color: #800400;
	}
	#startButtonRPS {
		margin-top: 55px;
	}
	.LakeRidgeHealthProjectBox {
		height: 1445px;
		background-color: #800400;
	}
	#startButtonLakeRidgeHealth {
		margin-top: 290px;
	}
	.easyGroceriesScissorsProjectBox {
		height: 1180px;
		background-color: #800400;
	}
	.MADMoviesProjectBox {
		height: 1235px;
		background-color: #800400;
	}
	#startButtonMADMovies {
		margin-top: 85px;
	}
	#startButtonEasyGroceries {
		margin-top: 135px;
	}
	/*	#photoshop_icon {
		width: 175%;
		height: 90%;
	}
	#illustrator_icon {
		width: 175%;
		height: 90%;
	}
	#html_icon {
		width: 175%;
		height: 90%;
		margin-left: -35px;
	}
	#css3_icon {
		width: 115%;
		height: 86%;
		margin-left: -7px;
	}
	#javascript_icon {
		width: 125%;
		height: 90%;
		margin-left: -14px;
	}
	#vuejs_icon {
		width: 132%;
		height: 100%;
		margin-left: -13px;
	}
	#svg_icon {
		width: 125%;
		height: 100%;
		margin-left: -12px;
	} */
	.iconDescriptorDesign {
		margin: -26px -16px;
		color: white;
		text-align: center;
		width: 88px;
	}
	.designTitle {
		color: white;
		text-align: center;
		font-size: 28pt;
	}
	.parallaxbox01 {
		background-position: 0px -35px;
		height: 950px;
	}
	.parallaxbox02 {
		background-position: 0px 0px;
		height: 320px;
	}
	.parallaxbox03 {
		background-position: 0px 0px;
		height: 320px;
	}
	.aboutMeBox01 {
		height: 475px;
	}
	.whoIamTitle {
		color: white;
		font-size: 35pt;
		text-align: center;
	}
	.whoIamTitleContainer {
		background-color: rgba(119, 119, 119, 0.5);
		height: 75px;
	}
	.whoIamTitleContainer02 {
		background-color: rgba(119, 119, 119, 0.5);
		height: 105px;
		margin-top: -80px;
	}
	.aboutMeDescriptionText {
		color: white;
		text-align: left;
		font-size: 24pt;
		margin-top: -72px;
	}
	#html_icon {
		height: 45%;
	}
	#css3_icon {
		height: 45%;
	}
	#javascript_icon {
		height: 45%;
	}
	#vuejs_icon {
		height: 45%;
	}
	#svg_icon {
		height: 45%;
	}
	.siteTitle {
		font-size: 44pt;
		margin: 50px 10px;
	}
	.aboutMeSelectionClass {
		color: white;
		margin: 88px 30px;
		font-size: 10pt;
	}
	.myProjectsSelectionClass {
		color: white;
		margin: 88px -4px;
		font-size: 10pt;
	}
	.resumeSelectionClass {
		color: white;
		margin: 88px 25px;
		font-size: 10pt;
	}
	.buyMeACoffeeSelectionClass {
		margin: 113px -218px;
		font-size: 10pt;
	}
	.contactSelectionClass {
		margin: 113px 235px;
		font-size: 10pt;
	}
	.navContainer {
		width: 280px;
		height: 60px;
		display: -webkit-box;
	}
	.copyright {
		font-size: 12pt;
	}
	.copyright-credit {
		font-size: 12pt;
	}
	.footer {
		height: 158px;
	}
	.rockPaperScissorsClass {
		height: 340px;
	}
	.LakeRidgeHealthClass {
		height: 290px;
	}
	.RSDClass {
		height: 340px;
	}
	.projectsBox {
		height: 2380px;
	}
	.rockPaperScissorsTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.LakeRidgeHealthTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.RSDTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.MADMoviesTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.contactBox {
		height: 1045px;
	}
	.formIconValid {
		margin: -43px 285px;
	}
	.formIconInvalid {
		margin: -43px 285px;
	}
	.formIconValidEmail {
		margin: -43px 285px !important;
	}
	.formIconInvalidEmail {
		margin: -43px 285px !important;
	}
	.formIconValidSubject {
		margin: -43px 285px !important;
	}
	.formIconInvalidSubject {
		margin: -43px 285px !important;
	}
	.formIconValidMessage {
		margin: -155px 285px !important;
	}
	.formIconInvalidMessage {
		margin: -155px 285px !important;
	}
	.restaurantClass {
		margin-top: -215px;
	}
	.easyGroceriesClass {
		margin-top: -175px;
	}
	.easyGroceriesProjectBox {
		height: 1295px;
		background-color: #800400;
	}
	
	.binaryElectronicsClass{
		margin-top: -220px;
	}
}


/* Galaxy Phones and Smaller */

@media only screen and (min-device-width: 200px) and (max-device-width: 360px) {
	.rockPaperScissorsProjectBox {
		height: 1160px;
		background-color: #800400;
	}
	#startButtonRPS {
		margin-top: 80px;
	}
	.projectImageSpacer {
		height: 150px;
	}
	#photoshop_icon {
		width: 175%;
		height: 90%;
	}
	#illustrator_icon {
		width: 175%;
		height: 90%;
	}
	#html_icon {
		width: 125%;
		height: 90%;
	}
	#css3_icon {
		width: 95%;
		height: 86%;
	}
	#javascript_icon {
		width: 95%;
		height: 90%;
	}
	#vuejs_icon {
		width: 110%;
		height: 100%;
	}
	#svg_icon {
		width: 110%;
		height: 100%;
	}
	.iconDescriptorDesign {
		margin: -30px -18px;
		color: white;
		text-align: center;
		width: 88px;
	}
	.designTitle {
		color: white;
		text-align: center;
		font-size: 28pt;
	}
	.parallaxbox01 {
		background-position: 0px -35px;
		height: 350px;
	}
	.parallaxbox02 {
		background-position: 0px -5px;
		height: 300px;
	}
	.parallaxbox03 {
		background-position: 0px -5px;
		height: 300px;
	}
	.aboutMeBox01 {
		height: 475px;
	}
	.aboutMeDescriptionText {
		color: white;
		text-align: left;
		font-size: 24pt;
		margin-top: -72px;
	}
	.whoIamTitle {
		color: white;
		font-size: 35pt;
		text-align: center;
	}
	.whoIamTitleContainer {
		background-color: rgba(119, 119, 119, 0.5);
		height: 75px;
	}
	.whoIamTitleContainer02 {
		background-color: rgba(119, 119, 119, 0.5);
		height: 105px;
		margin-top: -80px;
	}
	.aboutMeSelectionClass {
		color: white;
		margin: 88px 40px;
		font-size: 10pt;
	}
	.myProjectsSelectionClass {
		color: white;
		margin: 88px -16px;
		font-size: 10pt;
	}
	.resumeSelectionClass {
		color: white;
		margin: 88px 32px;
		font-size: 10pt;
	}
	.buyMeACoffeeSelectionClass {
		margin: 113px -235px;
		font-size: 10pt;
	}
	.contactSelectionClass {
		margin: 113px 255px;
		font-size: 10pt;
	}
	.siteTitle {
		font-size: 44pt;
		margin: 50px 10px;
	}
	.copyright {
		font-size: 12pt;
	}
	.copyright-credit {
		font-size: 12pt;
	}
	.footer {
		height: 158px;
	}
	.navContainer {
		width: 250px;
	}
	.rockPaperScissorsClass {
		height: 340px;
	}
	.LakeRidgeHealthClass {
		height: 290px;
	}
	.RSDClass {
		height: 340px;
	}
	.projectsBox {
		height: 2060px;
	}
	.rockPaperScissorsTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.LakeRidgeHealthTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.RSDTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.MADMoviesTitle {
		font-size: 10pt;
		padding-top: 9px;
	}
	.contactBox {
		height: 1000px;
	}
	.formIconValid {
		margin: -43px 270px !important;
	}
	.formIconInvalid {
		margin: -43px 270px !important;
	}
	.formIconValidMessage {
		margin: -155px 270px !important;
	}
	.formIconInvalidMessage {
		margin: -155px 270px !important;
	}
}


/* TV Screens */

@media only screen and (min-device-width: 1080px) and (max-device-width: 1920px) {
	.projectsBox {
		height: 2800px;
	}
	.projectSpacer {
		height: 210px;
	}
}