/* iPhone 5 ----------- */

@media only screen and (max-device-width: 320px) {




	.logo-panel {
		background-size: 1000px;
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px);
	}

	.logotype-container img {
		width: 0px;
		opacity: 0;

	}

	.social-icons {
		right: 1%;
		height: 90px;
		width: 150px;
		-webkit-transform: translate(-75px, 100px);
		transform: translate(-75px, 100px);

	}

	.nav-menu-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-55px, -75px);
		transform: translate(-55px, -75px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 30px;
		letter-spacing: 0px;

	}


	/*IMAGE PANELS IN WORK */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}


	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-80%, 0);

		transform: translate(-80%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-110%, 0);

		transform: translate(-110%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}


	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;
	}

	.projects-row-1-panel-1,
	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);

	}

	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -200px);
		transform: translate(0, -200px);

	}

	.projects-job {
		
		font-size: 50px;
		-webkit-transform: translate(0, 26px);
		transform: translate(0, 26px);
	}

	.projects-description {
		width: 280px;
		margin: 0px;
	}

	
	
	
	/*    ///////     ABOUT PAGE  //////          */




	.about-row-1-panel-1 {}


	.about-row {
		height: 1200px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.about-row-1-panel-2 {}

	.about-monogram-container {

		width: 400px;
	}

	.about-row-1-panel-2 img {
		width: 450px;
		left: 30%;
		top: -20%;
	}

	.about-intro-text-wrapper {}

	.about-intro-text {
		top: 0px;
		left: 10%;
		font-size: 45px;
		line-height: 30px;
	}

	.about-paragraph-1 {

		font-size: 18px;
		letter-spacing: 2px;
		line-height: 25px;
		z-index: 1;

	}

	h1 {
		font-family: var(--font-family);
		font-size: 70px;
		font-weight: 900;
		color: var(--blue);
		margin-top: 0;
		text-align: left;
	}

	h2 {
		font-family: var(--font-family);
		font-size: 30px;
		font-weight: 400;
		color: var(--blue);
		margin-top: -46px;

		text-align: left;
	}

	#engage-text {
		font-size: 50px;
		font-weight: 900;
		line-height: 60px;
		margin-right: 0px;
		margin-top: 0;
		text-align: left;
	}

	#accomplish-more {

		color: var(--blue);
		padding-left: 0px;
		padding-right: 20px;
		margin-left: 0px;
		background-color: var(--salmon);
	}


	/*FORM TEXT*/

	.contact-row {
		height: 1050px;
		margin-left: 1%;
		margin-top: -100px;
		margin-bottom: 60px;

	}



	#about-question {

		font-size: 60px;

	}

	#about-question-subtext {
		position: relative;
		font-size: 20px;
		top: 15px;
		width: 96%;
		margin-bottom: 50px;


	}
	


}


/* iPhone 6 7 8 ----------- */

@media only screen and (max-device-width: 375px) and (min-device-width: 321px) {

	/* Styles */

	.logo-panel {
		background-size: 1000px;
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px);
	}

	.logotype-container img {
		width: 0px;
		opacity: 0;

	}

	.social-icons {
		right: 1%;
		height: 90px;
		width: 150px;
		-webkit-transform: translate(-92px, 100px);
		transform: translate(-92px, 100px);

	}

	.nav-menu-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-65px, -75px);
		transform: translate(-65px, -75px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 30px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-80%, 0);

		transform: translate(-80%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-110%, 0);

		transform: translate(-110%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;
	}

	.projects-row-1-panel-1,
	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);

	}

	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -200px);
		transform: translate(0, -200px);

	}

	.projects-job {
		font-size: 50px;
		-webkit-transform: translate(0, 26px);
		transform: translate(0, 26px);
	}

	.projects-description {
		width: 280px;
		margin: 0px;
	}


	/*    ///////     ABOUT PAGE  //////          */




	.about-row-1-panel-1 {}


	.about-row {
		height: 1200px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.about-row-1-panel-2 {}

	.about-monogram-container {

		width: 400px;
	}

	.about-row-1-panel-2 img {
		width: 450px;
		left: 30%;
		top: -20%;
	}

	.about-intro-text-wrapper {}

	.about-intro-text {
		top: 0px;
		left: 10%;
		font-size: 45px;
		line-height: 30px;
	}

	.about-paragraph-1 {

		font-size: 18px;
		letter-spacing: 2px;
		line-height: 25px;
		z-index: 1;

	}

	h1 {
		font-family: var(--font-family);
		font-size: 70px;
		font-weight: 900;
		color: var(--blue);
		margin-top: 0;
		text-align: left;
	}

	h2 {
		font-family: var(--font-family);
		font-size: 30px;
		font-weight: 400;
		color: var(--blue);
		margin-top: -46px;

		text-align: left;
	}

	#engage-text {
		font-size: 50px;
		font-weight: 900;
		line-height: 60px;
		margin-right: 0px;
		margin-top: 0;
		text-align: left;
	}

	#accomplish-more {

		color: var(--blue);
		padding-left: 0px;
		padding-right: 20px;
		margin-left: 0px;
		background-color: var(--salmon);
	}


	/*FORM TEXT*/

	.contact-row {
		height: 1050px;
		margin-left: 1%;
		margin-top: -100px;
		margin-bottom: 60px;

	}



	#about-question {

		font-size: 60px;

	}

	#about-question-subtext {
		position: relative;
		font-size: 20px;
		top: 15px;
		width: 96%;
		margin-bottom: 50px;


	}



}




/* iPhone 6 7 8 S+ ----------- */

@media only screen and (max-device-width: 415px) and (min-device-width: 376px) {

	.logo-panel {
		background-size: 1000px;
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px);
	}

	.logotype-container img {
		width: 0px;
		opacity: 0;

	}

	.social-icons {
		right: 1%;
		height: 90px;
		width: 150px;
		-webkit-transform: translate(-115px, 100px);
		transform: translate(-115px, 100px);

	}

	.nav-menu-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-85px, -75px);
		transform: translate(-85px, -75px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 30px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-80%, 0);

		transform: translate(-80%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-110%, 0);

		transform: translate(-110%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction: row;

		flex-direction: column;
	}

	.projects-row-1-panel-1,
	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);

	}

	.projects-row-1-panel-2 {
		-webkit-transform: translate(20px, -200px);
		transform: translate(20px, -200px);

	}

	.projects-job {
		font-size: 50px;
		-webkit-transform: translate(0, 40px);
		transform: translate(0, 40px);
	}

	.projects-description {
		width: 280px;
		margin: 0px;
	}

	.projects-label {
		font-size: 20px;
	}

	
	

	/*    ///////     ABOUT PAGE  //////          */







	.about-row {
		height: 1200px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}


	.about-monogram-container {
		top: 0%;
		width: 400px;
	}

	.about-row-1-panel-2 img {
		width: 550px;
		left: 30%;
		top: -20%;
	}

	.about-intro-text-wrapper {}

	.about-intro-text {
		top: 0px;
		left: 10%;
		font-size: 70px;
		line-height: 30px;
	}

	.about-paragraph-1 {

		font-size: 15px;
		letter-spacing: 2px;
		line-height: 25px;
		z-index: 1;

	}


	h1 {
		font-family: var(--font-family);
		font-size: 70px;
		font-weight: 900;
		color: var(--blue);
		margin-top: 0;
		text-align: left;
	}

	h2 {
		font-family: var(--font-family);
		font-size: 30px;
		font-weight: 400;
		color: var(--blue);
		margin-top: -46px;
		text-align: left;
	}

	#engage-text {
		font-size: 50px;
		font-weight: 900;
		line-height: 60px;
		margin-right: 0px;
		margin-top: 0;
		text-align: left;
	}

	#accomplish-more {

		color: var(--blue);
		padding-left: 0px;
		padding-right: 20px;
		margin-left: 0px;
		background-color: var(--salmon);
	}


	/*FORM TEXT*/

	.contact-row {
		height: 1050px;
		margin-left: 1%;
		margin-top: -100px;
		margin-bottom: 60px;

	}


	#about-question {

		font-size: 60px;

	}

	#about-question-subtext {
		position: relative;
		font-size: 20px;
		top: 15px;
		width: 96%;
		margin-bottom: 50px;


	}
	
	.submit {
	  
	
	}
	


}


/* iPhone X ----------- */

@media only screen and (max-device-width: 375px) and (min-device-width: 375px) {

	/* Styles */

	.logo-panel {
		background-size: 1000px;
		-webkit-transform: translate(10px, 0px);
		transform: translate(10px, 0px);
	}

	.logotype-container img {
		width: 0px;
		opacity: 0;

	}

	.social-icons {
		right: 1%;
		height: 90px;
		width: 150px;
		-webkit-transform: translate(-115px, 100px);
		transform: translate(-115px, 100px);

	}

	.nav-menu-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-85px, -75px);
		transform: translate(-85px, -75px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 30px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-80%, 0);

		transform: translate(-80%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-110%, 0);

		transform: translate(-110%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;
	}

	.projects-row-1-panel-1,
	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);

	}

	.projects-row-1-panel-2 {
		-webkit-transform: translate(20px, -200px);
		transform: translate(20px, -200px);

	}

	.projects-job {
		font-size: 50px;
		-webkit-transform: translate(0, 35px);
		transform: translate(0, 35px);
	}

	.projects-description {
		font-size: 15px;
		width: 250px;
		margin: 0px;
	}

	.projects-label {
		font-size: 20px;

	}

	/*    ///////     ABOUT PAGE  //////          */




	.about-row-1-panel-1 {}


	.about-row {
		height: 1200px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.about-row-1-panel-2 {}

	.about-monogram-container {

		width: 400px;
	}

	.about-row-1-panel-2 img {
		width: 550px;
		left: 30%;
		top: -20%;
	}

	.about-intro-text-wrapper {}

	.about-intro-text {
		top: 0px;
		left: 10%;
		font-size: 45px;
		line-height: 30px;
	}

	.about-paragraph-1 {

		font-size: 18px;
		letter-spacing: 2px;
		line-height: 25px;
		z-index: 1;

	}

	h1 {
		font-family: var(--font-family);
		font-size: 70px;
		font-weight: 900;
		color: var(--blue);
		margin-top: 0;
		text-align: left;
	}

	h2 {
		font-family: var(--font-family);
		font-size: 30px;
		font-weight: 400;
		color: var(--blue);
		margin-top: -46px;

		text-align: left;
	}

	#engage-text {
		font-size: 50px;
		font-weight: 900;
		line-height: 60px;
		margin-right: 0px;
		margin-top: 0;
		text-align: left;
	}

	#accomplish-more {

		color: var(--blue);
		padding-left: 0px;
		padding-right: 20px;
		margin-left: 0px;
		background-color: var(--salmon);
	}


	/*FORM TEXT*/

	.contact-row {
		height: 1050px;
		margin-left: 1%;
		margin-top: -100px;
		margin-bottom: 60px;

	}



	#about-question {

		font-size: 60px;

	}

	#about-question-subtext {
		position: relative;
		font-size: 20px;
		top: 15px;
		width: 96%;
		margin-bottom: 50px;


	}

}




/* iPad ----------- */

@media only screen and (max-device-width: 768px) and (min-device-width: 700px) {

	/* Styles */

	.logo-panel {
		background-size: 700px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.logotype-container img {
		width: 0;
		-webkit-transform: translate(120px, -230px);
		transform: translate(120px, -230px);
		opacity: 0;
	}

	.social-icons {

		height: 90px;
		width: 170px;
		-webkit-transform: translate(-10px, 0px);
		transform: translate(-10px, 0px);

	}

	.nav-menu-1 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-115px, 25px);
		transform: translate(-115px, 25px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 40px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-100%, 0);

		transform: translate(-100%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-100%, 0);

		transform: translate(-100%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction: row;

		flex-direction: row;
	}

	.projects-row-1-panel-1,
	.projects-row-1-panel-2 {
		-webkit-transform: translate(0, -100px);
		transform: translate(0, -100px);

	}

	.projects-row-1-panel-2 {
		-webkit-transform: translate(20px, -100px);
		transform: translate(20px, -100px);

	}

	.projects-job {
		font-size: 50px;
		-webkit-transform: translate(0, 55px);
		transform: translate(0, 55px);
	}

	.projects-description {
		font-size: 15px;
		width: 250px;
		margin: 0px;
	}

	.projects-label {
		font-size: 20px;

	}

	/* ABOUT PAGE */

	.about-row-1-panel-2 img {

		left: 100px;

	}

}


/* iPad PRO ----------- */

@media only screen and (max-device-width: 1024px) and (min-device-width: 769px) {
	.logo-panel {
		background-size: 700px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.logotype-container img {
		width: 0;
		-webkit-transform: translate(120px, -230px);
		transform: translate(120px, -230px);
		opacity: 0;
	}

	.social-icons {

		height: 90px;
		width: 170px;
		-webkit-transform: translate(-55px, 0px);
		transform: translate(-55px, 0px);

	}

	.nav-menu-1 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-155px, 25px);
		transform: translate(-155px, 25px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 15px;
		margin-right: 15px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 50px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 550px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-45%, 0%);

		transform: translate(-45%, 0%);
		max-width: 1000px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-20%, 0);

		transform: translate(-20%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-55%, 0);

		transform: translate(-55%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-49%, 0);
		transform: translate(-49%, 0);
		max-width: 960px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction: row;

		flex-direction: row;
	}


	.projects-row-1-panel-1 {
		-webkit-transform: translate(40px, -100px);
		transform: translate(40px, -100px);

	}


	.projects-row-1-panel-2 {
		-webkit-transform: translate(20px, -100px);
		transform: translate(20px, -100px);

	}

	.projects-job {
		font-size: 60px;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	.projects-description {
		font-size: 15px;
		width: 250px;
		margin: 0px;
	}

	.projects-label {
		font-size: 25px;

	}

	/* ABOUT PAGE */

	.about-row-1-panel-2 img {

		left: 110px;

	}

}





/* GENERIC Tablets ----------- */

@media only screen and (max-device-width: 767px) and (min-device-width: 416px) {

	/* Styles */

	.logo-panel {
		background-size: 700px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.logotype-container img {
		width: 0;
		-webkit-transform: translate(120px, -230px);
		transform: translate(120px, -230px);
		opacity: 0;
	}

	.social-icons {

		height: 90px;
		width: 170px;
		-webkit-transform: translate(-150px, 100px);
		transform: translate(-150px, 100px);

	}

	.nav-menu-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-120px, -80px);
		transform: translate(-120px, -80px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 8px;
		margin-right: 8px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 30px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 250px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-95%, 0);
		transform: translate(-95%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-105%, 0);

		transform: translate(-105%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-110%, 0);

		transform: translate(-110%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-105%, 0);
		transform: translate(-105%, 0);
		max-width: 430px;
	}

	/*    ///////     ABOUT PAGE  //////          */




	.about-row-1-panel-1 {}


	.about-row {
		height: 1000px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

	}

	.about-row-1-panel-2 {}

	.about-monogram-container {

		width: 400px;
	}

	.about-row-1-panel-2 img {
		width: 450px;
		left: 30%;
		top: -20%;
	}

	.about-intro-text-wrapper {}

	.about-intro-text {
		top: 0px;
		left: 10%;
		font-size: 45px;
		line-height: 30px;
	}

	.about-paragraph-1 {

		font-size: 18px;
		letter-spacing: 2px;
		line-height: 25px;
		z-index: 1;

	}

	h1 {
		font-family: var(--font-family);
		font-size: 70px;
		font-weight: 900;
		color: var(--blue);
		margin-top: 0;
		text-align: left;
	}

	h2 {
		font-family: var(--font-family);
		font-size: 30px;
		font-weight: 400;
		color: var(--blue);
		margin-top: -46px;

		text-align: left;
	}

	#engage-text {
		font-size: 50px;
		font-weight: 900;
		line-height: 70px;
		margin-right: 30px;
		margin-top: 0;
		text-align: left;
	}

	#accomplish-more {

		color: var(--blue);
		padding-left: 0px;
		padding-right: 20px;
		margin-left: 0px;
		background-color: var(--salmon);
	}


	/*FORM TEXT*/

	.contact-row {
		margin-left: 1%;
		margin-top: -100px;
		margin-bottom: 60px;

	}



	#about-question {

		font-size: 60px;

	}

	#about-question-subtext {
		position: relative;
		font-size: 20px;
		top: 15px;
		width: 96%;
		margin-bottom: 50px;


	}

}




/* Tablets OTHER LARGE*/



@media only screen and (max-device-width: 1023px) and (min-device-width: 770px) {
	.logo-panel {
		background-size: 700px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.logotype-container img {
		width: 0;
		-webkit-transform: translate(120px, -230px);
		transform: translate(120px, -230px);
		opacity: 0;
	}

	.social-icons {

		height: 90px;
		width: 170px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.nav-menu-1 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-95px, 25px);
		transform: translate(-95px, 25px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 15px;
		margin-right: 15px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 40px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 550px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-45%, 0%);

		transform: translate(-45%, 0%);
		max-width: 1000px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-20%, 0);

		transform: translate(-20%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-55%, 0);

		transform: translate(-55%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-49%, 0);
		transform: translate(-49%, 0);
		max-width: 960px;
	}

	/*     PROJECT PAGES    */


	.projects-row {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-ms-flex-direction: row;

		flex-direction: row;
	}


	.projects-row-1-panel-1 {
		-webkit-transform: translate(40px, -100px);
		transform: translate(40px, -100px);

	}


	.projects-row-1-panel-2 {
		-webkit-transform: translate(20px, -100px);
		transform: translate(20px, -100px);

	}

	.projects-job {
		font-size: 60px;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	.projects-description {
		font-size: 15px;
		width: 250px;
		margin: 0px;
	}

	.projects-label {
		font-size: 25px;

	}

	/* ABOUT PAGE */

	.about-row-1-panel-2 img {

		left: 110px;

	}

}




/* COMPUTER SCREEN ----------- */


@media only screen and (max-device-width: 1200px) and (min-device-width: 1025px) {

	/* Styles */



	.logo-panel {
		background-size: 700px;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);

	}

	.logotype-container img {
		width: 0;
		-webkit-transform: translate(120px, -230px);
		transform: translate(120px, -230px);
		opacity: 0;
	}

	.social-icons {

		height: 90px;
		width: 170px;
		-webkit-transform: translate(-55px, 0px);
		transform: translate(-55px, 0px);

	}

	.nav-menu-1 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(-155px, 25px);
		transform: translate(-155px, 25px);
		list-style: none;
	}

	.nav-menu-1 li {
		margin-left: 15px;
		margin-right: 15px;
		line-height: 40px;
	}

	.nav-menu-1 li a {
		font-size: 50px;
		letter-spacing: 0px;

	}

	/*IMAGE PANELS */


	.row {
		height: 550px;
	}

	.panels-image-container-1 img {

		-webkit-transform: translate(-45%, 0%);

		transform: translate(-45%, 0%);
		max-width: 1000px;


	}

	.panels-image-container-1 img:hover,
	.panels-image-container-2 img:hover {

		-webkit-transform: translate(-100%, 0%);

		transform: translate(-100%, 0%);
		max-width: 450px;

	}



	#image-720-tweak img {

		width: 1800px;
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);

	}

	#image-tweak-2 img {

		-webkit-transform: translate(-20%, 0);

		transform: translate(-20%, 0);

	}

	#image-tweak-3 img {

		-webkit-transform: translate(-55%, 0);

		transform: translate(-55%, 0);

	}

	#image-tweak-4 img {
		-webkit-transform: translate(-49%, 0);
		transform: translate(-49%, 0);
		max-width: 960px;
	}

}




/* LANDSCAPE DISABLE */


@media only screen and (max-device-width: 1199px) and (min-device-width: 300px) and (orientation:landscape){
	
	*{
		opacity:0;
		visibility: hidden;
	}
}