@charset "UTF-8";
/* CSS Document */





/* ---------- 1400 PIXELS -------- */

@media (max-width: 1400px) {
		.folioGrid div p {
	font-size: 1.6rem !important;
}
}


/* ---------- 1100 PIXELS -------- */

@media (max-width: 1100px) {
	h1 {
		font-size: 5rem;
	}
	
	h2 {
		font-size: 3rem
	}
	
	h3 {
		font-size: 2rem
	}
	
	
	p {
		font-size: 1.4rem;
	}
	
	.heroSection  {
		height: 600px
	}
	
	.folioPagesHero {
		/* height: 400px */
	}
	
	.contactSection {
		margin: 0 20%;
	}
	
	.contactSection .rightColumn img {
    width: 140%;
	}
	
	.folioSection {
		height: 450px;
		display: block;
	}
	
	
	.heroSection .leftColumn {
		flex-basis: 70%;
	}
	
	
	.contactSection .leftColumn {
		flex-basis: 100%;
	}
	
	
	.folioPagesHero .leftColumn {
		flex-basis: 50%;
	}
	
	.folioPagesHero .rightColumn {
		/* display: none; */
	}
	
	.folioPagesSection div {
	padding-top: 15%;
}
	
	.folioPagesSection .rightColumn {
		right: -10%;
	}
	
	
	.folioPagesSection .rightColumn img {
		width: 70%;
	}
	
	
	.folioPagesSection .leftColumn {
	flex-basis: 60%;
}
	
	
	.contactSection div {
	padding-top: 50px;
}
	.folioSection .leftColumn {
		padding-top: 50px;
	}
	
	.folioSection .rightColumn {
		padding-top: 0px;
	}
	
	
	.folioGrid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 25px;
		margin: -100px auto 17% auto;
		padding: 0 5%;
	}
		

	
	.contactSection .rightColumn img {
		margin-top: 0px;
	}
	
	.portfolioDropdown {
		display: none;
	}
	

	
	.pageContent {
	margin: 50px auto;
}
	
	.startHeader {
	font-size: 2rem;
		font-weight: 400;
}
	
	.folioGrid div p {
font-size: 1.7rem !important;
}

	
	
}






/* ---------- 900 PIXELS -------- */


@media (max-width: 900px) {
	
		h1 {
		font-size: 4rem;
	}
	
	h2 {
		font-size: 2.5rem;
	}
	
	
		
	h3 {
		font-size: 2rem;
	}
	
	.folioPagesSection .leftColumn {
    flex-basis: 50%;
}
	
	.blockDivs {
		display: block;
	}
	
	
	.centerImage img {
		width: 70%;
		padding: 0 15%;
	}
	
	.folioSection {
    height: 400px;
}
	
		.folioGrid div p {
font-size: 1.4rem !important;
}

	
	
}



/* ---------- 800 PIXELS -------- */


@media (max-width: 800px) {
	
	
	
	p {
		font-size: 1.3rem;
	}
	
		.navBar .rightMenu a {
		display: block;
		padding: 0 20px 5px 0;
	}
	
	
	.folioPagesSection .leftColumn {
    flex-basis: 50%;
}
	
		.startHeader {
	font-size: 1.5rem;
		font-weight: 400;
}
	
		.folioPagesSection .rightColumn {
		right: -15%;
	}
	
		.contactSection {
		margin: 0 10%;
	}
	
		.contactSection .rightColumn  {
			margin: 0 5%;
	}
	
		.folioPagesSection {
		display: block;
		height: 680px;	
	}
	
	
		.folioPagesSection .rightColumn {
		position: relative;
		right: -25%;
		top: 350px;
	}
	
	
	.folioPagesSection .rightColumn img {
		width: 50%;
	}
	
	
	.experienceGrid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
	font-size: 1.3rem;	
}
	
	
.educationSection .leftColumn {
    flex-basis: 100%;
}
	
		.folioGrid div p {
font-size: 1.2rem !important;
}
	
}



/* ---------- 700 PIXELS -------- */



@media (max-width: 700px) {
	
	
	
	h1 {
		font-size: 4rem;
	}
	
	h2 {
		font-size: 2.25rem;
	}
	
	

	
	
		.folioGrid {
		grid-template-columns: 1fr 1fr;
		gap: 25px;
	}
	
	.webMotion {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    margin-left:auto; 
    margin-right: auto;
     grid-row-gap: 25px;
      grid-column-gap: 25px;
    padding-left: 0px;
    padding-right: 0px;
}


	
	
	.heroBGimg {
		background-image: url("images/background-adrian-CUT-OPTIM.png");
		background-size: 150%;
	}
	
	.computerSection {
		display: block;
	}
	
	
	.computerBG {
	background-image: none;
}
	
	
		.folioPagesSection {
		display: block;
		height: 580px;	
	}
	
	
		.folioPagesSection .rightColumn {
		position: relative;
		right: -25%;
		top: 350px;
	}
	
	
	.folioPagesSection .rightColumn img {
		width: 50%;
	}

		.folioGrid div p {
font-size: 1.8rem !important;
}

	
}



/* ---------- 600 PIXELS -------- */



@media (max-width: 600px) {
	
		h1 {
		font-size: 3.5rem;
	}
	
	h2 {
		font-size: 1.8rem;
	}
	
	p {
		font-size: 1.2rem
	}
	
.heroSection {
    height: 500px;
}
	
	.folioPagesSection {
		display: block;
		height: 580px;	
	}
	
	
		.folioPagesSection .rightColumn {
		position: relative;
		right: -19%;
		top: 350px;
	}
	
	
	.folioPagesSection .rightColumn img {
		width: 60%;
	}

	
	/* --- NOTE: this forces line break at a specific point ---*/
	.break1::after{
		content: " ";
		white-space: normal;
	}
	
	.largeOrangeButton {
	padding: 10px 25px;
	margin-top: 30px;
	background-color: #f05a22;
	font-size: 2.5rem;
	}
	
		.experienceGrid {
    grid-template-columns: 1fr;
}

.contactSection {
    margin: 0 5%;
}

		.folioSection {
    height: 350px;
}
	
	.webMobile {
    grid-template-columns: 1fr;

}
	
		.experienceGrid {
	font-size: 1.2rem;	
}
	
			.folioGrid div p {
font-size: 1.6rem !important;
}

	
}



/* ---------- 500 PIXELS -------- */

@media (max-width: 500px) { 
	
			h1 {
		font-size: 2.75rem;
	}
	
	h2 {
		font-size: 1.7rem;
	}
	
	p {
    font-size: 1.2rem;
}
	
	
		.folioPagesSection {
		display: block;
		height: 530px;	
	}
	
	
		.folioPagesSection .rightColumn {
		position: relative;
		right: -19%;
		top: 415px;
	}
	
	
	.folioPagesSection .rightColumn img {
		width: 60%;
	}
	
	.pageContentFlex {
		display: block;
	}
	
	.folioLogo a {
    font-size: 2rem;
}
	

	.experienceGrid {
		font-size: 1.2rem
	}
	
	
	
	.contactSection .rightColumn  {
    display: none; 
}
	
	.folioGrid div p {
font-size: 1.2rem !important;
}

}




/* ---------- 450 PIXELS -------- */

@media (max-width: 450px) { 
	
	.folioPagesSection {
    height: 470px;
}
	
}






/* ---------- 400 PIXELS -------- */

@media (max-width: 400px) { 
	
	.folioGrid {
    grid-template-columns: 1fr;
    gap: 25px;
		padding: 15%;
}
	
	.folioSection {
    height: 300px;
}
	
	
		.folioPagesSection {
    height: 480px;
}
	
		.largeOrangeButton {
	padding: 7px 20px;
	margin-top: 25px;
	background-color: #f05a22;
	font-size: 2rem;
	}
	
	.folioGrid div p {
font-size: 1.6rem !important;
}

}