/* Media query for 365px breakpoint PHONE */

@media all and (min-width: 365px) {
	.cardstexs {
		margin-top: -180px;
		padding: 30px;
		font-size: 9pt;
	}
}

/* Media query for 420px breakpoint PHONE */

@media all and (min-width: 420px) {
	.MyWorkButton {
		font-size: small;
	}

	.ResumeButton {
		font-size: small;
	}

	.mywork-container {
		height: 740px;
	}

	/* Work Pages Cover */
	.NameTitle-Work {
		width: 70%;
	}

	/* Footer */
	.footer-menu-container {
		display: grid;
		grid-template-columns: auto auto;
		gap: 10px;
		padding: 10px 20% 10px 20%;
		text-align: left;
		align-items: start;
		font-size: small;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 60%;
		grid-template-rows: 0px 1fr 25px 1fr 25px 1fr 70px;
	}

	/* Preview container with 4 to 6 projects */
	.projectspreview-container-2rows {
		width: 60%;
		grid-template-rows: 0px 1fr 25px 1fr 25px 1fr 25px 1fr 70px;
	}

	.cards {
		height: 18rem;
	}

	.cardstexs {
		margin-top: -212px;
		padding: 30px;
		color: white;
		font-size: 10pt;
	}

	.mywork-container-black {
		height: 600px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.first-img-mobile {
		margin-top: -50px;
	}

	.first-img-mobile-ivan {
		margin-top: -20px;
	}

	/* Jaunt content */
	.index-container {
		grid-template-columns: 50% 50%;
	}

	/* Real Value content */
	.index-container-realvalue {
		grid-template-columns: 50% 50%;
	}
}

/* Media query for 500px breakpoint PHONE */

@media all and (min-width: 500px) {
	/* Footer */
	.footer-menu-container {
		padding: 10px 20% 10px 25%;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 55%;
		grid-template-rows: 0px 1fr 25px 1fr 25px 1fr 80px;
	}

	/* Preview container with 4 to 6 projects */
	.projectspreview-container-2rows {
		width: 55%;
		grid-template-rows: 0px 1fr 25px 1fr 25px 1fr 25px 1fr 80px;
	}

	.cards {
		height: 20rem;
	}

	.cardstexs {
		margin-top: -226px;
		font-size: 11pt;
		line-height: 1.2;
	}

	video.jaunt-video-long {
		max-width: 60%;
	}

	.mywork-container-black {
		height: 600px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

/* Media query for 600px breakpoint */

@media all and (min-width: 600px) {
	/* Cover */
	.NameTitle {
		padding: 160px 0px 80px 0px;
		display: block;
		margin: 0 auto;
		max-height: 100%;
		max-width: 100%;
	}

	.PortfolioTitle {
		padding: 0px 0px 100px 0px;
		display: block;
		margin: 0 auto;
		max-height: 100%;
		max-width: 100%;
	}

	.img-desktop-myname {
		display: block;
	}

	.img-mobile-myname {
		display: none;
	}

	/* About Me */
	.aboutme-container {
		flex-direction: row;
	}

	.HiTherePhoto {
		width: 50vw;
		height: auto;
	}

	.HiThereWrittenContent {
		padding-top: 120px;
		padding-right: 8%;
		margin-top: 40px;
		font-size: 9pt;
		line-height: 1.1;
	}

	/* My Work */
	.mywork-container {
		flex-direction: row;
		height: 300px;
		align-items: center;
		justify-content: center;
		margin-top: -100px;
	}

	.mywork-container-black {
		flex-direction: row;
		height: 150px;
		align-items: center;
		justify-content: center;
	}

	.mywork-inner-container {
		justify-content: space-around;
		align-content: center;
		margin-top: -20px;
	}

	.mywork-icons {
		max-width: 65%;
	}

	/* Contact Me */

	.ContactForm {
		padding-top: 0px;
		margin-bottom: 50px;
		font-size: 9pt;
		line-height: 1.1;
	}

	/* Footer */
	.footer-menu-container {
		padding: 10px 20% 10px 28%;
		font-size: 9pt;
	}

	/* Work Pages Cover */
	.NameTitle-Work {
		width: 60%;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 48%;
	}

	.projectspreview-container-2rows {
		width: 48%;
	}

	.cards {
		height: 19rem;
	}

	video.jaunt-video-long {
		max-width: 50%;
	}

	/* CSYR */
	.first-text-csyr {
		margin-top: -100px;
	}

	.last-img-csyr {
		margin-top: -110px;
	}
}

/* Media query for 640px breakpoint UNTIL HERE CATEGORIZED AS SMALL */

@media all and (min-width: 640px) {
	/* Projects Preview */
	.projectspreview-container {
		width: 70%;
		display: grid;
		grid-template-rows: 1fr 0px 1fr 80px;
		grid-template-columns: 1fr 30px 1fr;
	}

	.projectspreview-container-2rows {
		width: 70%;
		display: grid;
		grid-template-rows: 1fr 0px 1fr 80px;
		grid-template-columns: 1fr 30px 1fr;
	}

	.cards {
		height: 15rem;
	}

	.card1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.card2 {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}

	.card3 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.card4 {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}

	.cardstexs {
		margin-top: -180px;
		font-size: 9pt;
		line-height: 1.1;
	}

	/* Jaunt content */
	.img-desktop {
		display: block;
	}

	.img-mobile {
		display: none;
	}

	.first-img-desktop {
		margin-top: -60px;
	}

	/* Content! senators */
	.giant-senator-logo {
		display: block;
	}

	.first-img-desktop-ivan {
		margin-top: -10px;
	}
}

/* Media query for 680px breakpoint TABLET */

@media all and (min-width: 680px) {
	/* About Me */
	.HiThereWrittenContent {
		line-height: 1.4;
	}

	/* My Work */
	.mywork-container {
		height: 340px;
	}

	/* Contact Me */
	.ContactForm {
		line-height: 1;
	}

	/* Footer */
	.footer-menu-container {
		padding: 10px 20% 10px 30%;
	}

	/* Projects Preview */
	.cards {
		height: 17rem;
	}

	.cardstexs {
		margin-top: -196px;
		font-size: 10pt;
		line-height: 1.2;
	}

	video.jaunt-video-long {
		max-width: 40%;
	}

	.first-text-csyr {
		margin-top: -140px;
	}
}

/* Media query for 768px breakpoint BIG TABLET */

@media all and (min-width: 768px) {
	/* About Me */
	.HiTherePhoto {
		width: 40vw;
		height: auto;
	}

	.HiThereWrittenContent {
		padding-top: 140px;
		font-size: 10pt;
	}

	/* My Work */
	.mywork-container {
		height: 380px;
	}

	.mywork-inner-container {
		align-content: center;
		width: 25%;
	}

	.mywork-icons {
		max-width: 65%;
	}

	/* Contact Me */
	.LetsConnectPhoto {
		height: auto;
	}

	.ContactForm {
		font-size: 10pt;
		padding-top: 0px;
	}

	/* Footer */
	.footer-menu-container {
		display: grid;
		grid-template-columns: auto auto auto;
		padding: 10px 10% 10px 14%;
		align-items: start;
		margin-left: 0px;
	}

	.footer-menu-inner-container1 {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.footer-menu-inner-container2 {
		margin-top: -20px;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 65%;
	}

	.projectspreview-container-2rows {
		width: 65%;
	}

	.cards {
		height: 18.5rem;
	}

	.cardstexs {
		margin-top: -204px;
		font-size: 10pt;
		line-height: 1.2;
	}

	/* Content! uxui */
	.jaunt-problem-content h3 {
		margin-bottom: -50px;
	}

	.vantastic-mainfeatures-desktop {
		display: block;
	}

	.vantastic-mainfeatures-mobile {
		display: none;
	}

	/* Content! graphic */
	.campaign-mobile {
		display: none;
	}

	.campaign-desktop {
		display: block;
	}
}

/* Media query for 900px breakpoint DESKTOP */

@media all and (min-width: 900px) {
	/* About Me */
	.HiTherePhoto {
		width: 35vw;
		height: auto;
	}

	.HiThereWrittenContent {
		padding-top: 200px;
		padding-right: 10%;
	}

	/* My Work */
	.mywork-container {
		height: 420px;
	}

	/* Footer */
	.footer-menu-container {
		display: flex;
		flex-direction: row;
		align-items: start;
		justify-content: center;
		padding: 10px;
		text-align: left;
		font-size: 11pt;
	}

	.footer-menu-inner-container2 {
		margin-top: 13px;
	}

	/* Work Pages Cover */
	.NameTitle-Work {
		width: 60%;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 70%;
		grid-template-rows: 1fr 100px;
		grid-template-columns: 1fr 30px 1fr 30px 1fr;
	}

	.projectspreview-container-2rows {
		width: 70%;
		grid-template-rows: 1fr 10px 1fr 50px;
		grid-template-columns: 1fr 30px 1fr 30px 1fr;
	}

	.cards {
		height: 14rem;
	}

	.card1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.card2 {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}

	.card3 {
		grid-column: 5 / 6;
		grid-row: 1 / 2;
	}

	.card4 {
		grid-column: 3 / 4;
		grid-row: 3 / 4;
	}

	.cardstexs {
		padding: 25px;
		margin-top: -166px;
		font-size: 9pt;
		line-height: 1.1;
	}

	/* Content! uxui */
	.first-img-desktop {
		margin-top: -100px;
	}

	.uxuiprojects-content-container {
		display: grid;
		grid-template-columns: 50% 50%;
		padding: 1% 12%;
	}

	.jauntcategorytitlesection {
		grid-column: 1 / 3;
		height: 16px;
	}

	.full-width-content {
		grid-column: 1 / 3;
		text-align: center;
	}

	.uxuiproject-content-container-08 {
		grid-column: 2 / 3;
	}

	.uxuiproject-content-container-09 {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}

	.uxuiproject-content-container-12 {
		grid-column: 2 / 3;
	}

	.uxuiproject-content-container-13 {
		grid-column: 1 / 2;
		grid-row: 7 / 8;
	}

	.jaunt-problem-txt {
		width: 80%;
		margin: auto;
	}

	video.jaunt-video-long {
		max-width: 70%;
	}

	.jauntmainfeaturesimg {
		padding-top: 20%;
	}

	.uxuiproject-content-container-21 .first-competitor-text {
		margin-top: auto;
	}

	.uxuiproject-content-container-24 img {
		max-width: 70%;
		padding-left: 12%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.uxuiproject-content-container-25 img {
		max-width: 70%;
		padding-left: 12%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.uxuiproject-content-container-26 img {
		max-width: 70%;
		padding-left: 12%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.short-video-text {
		padding-right: 16%;
		padding-left: 16%;
	}

	.uxuiproject-content-container-05-realvalue {
		margin-bottom: -80px;
	}

	.uxuiproject-content-container-08-realvalue {
		grid-column: 1 / 2;
	}

	.uxuiproject-content-container-09-realvalue {
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}

	.uxuiproject-content-container-10-realvalue {
		grid-column: 2 / 3;
	}

	.uxuiproject-content-container-11-realvalue {
		grid-column: 1 / 2;
		grid-row: 6 / 7;
	}

	.uxuiproject-content-container-12-realvalue {
		grid-column: 1 / 2;
	}

	.uxuiproject-content-container-13-realvalue {
		grid-column: 2 / 3;
		grid-row: 7 / 8;
	}

	.realvaluemainfeaturesimg {
		max-width: 70%;
	}

	.uxuiproject-content-container-21-realvalue {
		margin-top: -80px;
	}

	.final-logo-adjustment {
		margin-top: 9%;
	}

	.uxuiproject-03 {
		padding-bottom: 120px;
	}

	/* Content! graphic */
	.graphicprojects-content-container {
		grid-template-columns: 50% 50%;
	}

	.separator2 {
		height: 160px;
	}

	.smallgraphprojectscenteredtext {
		max-width: 60%;
		padding-left: 20%;
	}

	/* Content! small */
	.otherprojects-content-container {
		grid-template-columns: 50% 50%;
	}

	.HoverImgs-Default1 {
		width: 50%;
		margin-right: -20%;
	}

	.HoverImgs-Default2 {
		width: 50%;
		margin-left: -20%;
	}

	.under-construction-img {
		width: 60%;
	}
}

/* Media query for 1000px breakpoint UNTIL HERE CATEGORIZED AS MEDIUM */

@media all and (min-width: 1000px) {
	.mywork-container-black {
		height: 300px;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 65%;
		grid-template-rows: 1fr 140px;
		grid-template-columns: 1fr 90px 1fr 90px 1fr;
	}

	.projectspreview-container-2rows {
		width: 65%;
		grid-template-rows: 1fr 70px 1fr 80px;
		grid-template-columns: 1fr 90px 1fr 90px 1fr;
	}

	.cards {
		height: 9rem;
	}

	.cardstexs {
		margin-top: -160px;
		padding: 20px;
		font-size: small;
	}

	.cardstexs {
		padding: 16px;
		margin-top: -134px;
		font-size: 8pt;
		line-height: 1;
	}

	video.jaunt-video-long {
		max-width: 60%;
	}

	video.jaunt-video-short {
		max-width: 70%;
		margin-top: -50px;
	}

	.jaunt-problem-img {
		width: 80%;
	}

	.jaunt-problem-txt {
		width: 60%;
		margin: auto;
	}

	/* CSYR */
	.first-text-csyr {
		margin-top: -200px;
	}

	.last-img-csyr {
		margin-top: -190px;
	}
}

/* Media query for 1100px breakpoint DESKTOP */

@media all and (min-width: 1100px) {
	/* About Me */
	.HiTherePhoto {
		width: 32vw;
		height: auto;
	}

	.HiThereWrittenContent {
		padding-top: 265px;
		font-size: 11pt;
	}

	/* My Work */
	.mywork-container {
		height: 500px;
	}

	/* Contact Me */

	.ContactForm {
		font-size: 11pt;
		margin-top: -50px;
		margin-bottom: 80px;
	}

	/* Footer */
	.footer-menu-container {
		display: flex;
		flex-direction: row;
		align-items: start;
		justify-content: space-evenly;
		padding: 10px;
		text-align: left;
	}

	.footer-verybottom {
		padding: 40px;
	}

	/* Work Pages Cover */
	.NameTitle-Work {
		width: 50%;
	}

	/* Projects Preview */
	.projectspreview-container {
		width: 60%;
		grid-template-rows: 1fr 160px;
		grid-template-columns: 1fr 100px 1fr 100px 1fr;
	}

	.projectspreview-container-2rows {
		width: 60%;
		grid-template-rows: 1fr 70px 1fr 100px;
		grid-template-columns: 1fr 100px 1fr 100px 1fr;
	}

	.cards {
		height: 10rem;
	}

	/* Jaunt content */
	.first-img-desktop {
		margin-top: -140px;
	}

	.index-container {
		grid-template-columns: 25% 25% 25% 25%;
	}

	.index-anchor-link {
		font-size: 9pt;
	}

	video.jaunt-video-long {
		max-width: 50%;
	}

	/* Real Value content */
	.index-container-realvalue {
		grid-template-columns: 25% 25% 25% 25%;
	}

	.index-anchor-link-realvalue {
		font-size: 9pt;
	}

	.senator-typo-card {
		width: 70%;
		padding-left: 12%;
	}

	.last-img-csyr {
		margin-top: -220px;
	}
}

/* Media query for 1300px breakpoint DESKTOP */

@media all and (min-width: 1300px) {
	.mywork-container-black {
		height: 440px;
	}

	/* Projects Preview */
	.projectspreview-container {
		margin-top: 20px;
		width: 58%;
	}

	.projectspreview-container-2rows {
		margin-top: 20px;
		width: 58%;
	}

	.cards {
		height: 11rem;
	}

	.cardstexs {
		padding: 18px;
		margin-top: -150px;
		font-size: 8pt;
		line-height: 1.2;
	}

	.uxuiprojects-content-container {
		padding: 1% 12%;
	}

	.mainfeaturesbottomtext {
		padding-bottom: 0px;
	}

	.jauntmainfeaturesimg {
		padding-top: 10%;
	}

	.uxuiproject-03 {
		padding-bottom: 120px;
	}
}