/*/////////////////////   GLOBAL   ///////////////////////*/
*{
	margin: auto;
	font-weight: normal;
	padding-inline-start: 0;
	user-select: none;
	-webkit-user-select: none;
	transition: .3s ease;
	box-sizing: border-box;
}
html{
	height: 100%; /* Keeps footer at bottom no matter content (1/3)*/

	/* Colors */
	--saltStatic: #f0f0f0;
	--saltDynamic: #f0f0f0;
	--saltSpaceDynamic: #f0f0f0;
	--onyxStatic: #000000;
	--onyxDynamic: #000000;
	--limestoneStatic: #e5e5e5;
	--limestoneDynamic: #e5e5e5;
	--obsidianStatic: #222222;
	--obsidianDynamic: #222222;
	--sapphire: #3379f7;
	--slate: #7f7f7f;

	--navColor: rgba(240,240,240,.7);
	--bodyColor: #f0f0f0;
}
body{
	background-size: 100%;
	text-align: left;
	background-color: var(--bodyColor);
	overflow-x: hidden;
	position: relative; /* Keeps footer at bottom no matter content (2/3)*/
	min-height: 100%; /* Keeps footer at bottom no matter content (3/3)*/
}
@media (prefers-color-scheme:dark){
body{
	--saltDynamic: #000000; /* salt > onyx */
	--saltSpaceDynamic: #111111; /* salt > space */
	--onyxDynamic: #f0f0f0; /* onyx >  salt */
	--limestoneDynamic: #222222; /* limestone > obsidian */
	--obsidianDynamic: #e5e5e5; /* obsidian > limestone */

	--bodyColor: #111111; /* salt > space */
	--navColor: rgba(17,17,17,.7); /* salt > onyx RGB */
}
}
body.darkMode {
	--saltDynamic: #222222; /* salt > onyx */
	--onyxDynamic: #f0f0f0; /* onyx >  salt */
	--saltSpaceDynamic: #111111; /* salt > space */
	--limestoneDynamic: #222222; /* limestone > obsidian */
	--obsidianDynamic: #e5e5e5; /* obsidian > limestone */

	--bodyColor: #111111; /* salt > space */
	--navColor: rgba(17,17,17,.7); /* salt > onyx RGB */
}
body > div:not(.bgw, .bgb, .navbar, .bgContact, .bgPhotography){
	max-width: 1200px;
	margin: auto;
}
section:not(.bgw,.bottomBox,.bgb,.largeMenuContainer, .bgContact,.bgPortrait,.bgPhotography){
	max-width: 1200px;
	padding: 0;
	width: 100%;
	position: relative;
}
.bgw{
	background-color: var(--limestoneDynamic);
	color: var(--onyxDynamic);
	width: 100%;
	z-index: 1;
	position: relative;
	overflow: hidden;
	padding: 30px;
}
.bgb{
	background-color: var(--onyxStatic);
    color: var(--saltStatic);
	overflow: hidden;
}
.bgb *{
	max-width: 1200px;
}
.bgw *{
	max-width: 1200px;
}
.bgi *:not(.bgiImage){
	max-width: 1200px;
}

/*////////    Specialized Background Conditions    /////////*/
.bgContact{
	background-image: url(contactImages/contactImage.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: var(--onyxStatic);
	height: 100vh;
}
.bgContact > section{
	height: inherit;
	overflow-y: hidden;
}
.bgPhotography > section{
	height: inherit;
}
.bgi .bgiImage{
	height: 100vh;
	margin: auto;
	position: relative;
	display: inline-block;
}
.bgPortrait{
	background-image: url(indexImages/portrait.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--onyxStatic);
	color: var(--saltStatic);
}
.bgPortrait > *{
	max-width: 1200px;;
}
.bgPhotography{
	background-image: url(photographyImages/portlandHead.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--onyxStatic);
	height: 100vh;
	position: relative;
}

/*/////    @FONTFACES    //////*/
@font-face{
	src: url(fonts/TheoreticaLight.otf);
	font-family: tlight;
}
@font-face{
	src: url(fonts/TheoreticaLightItalic.otf);
	font-family: tlightit;
}
@font-face{
	src: url(fonts/Theoretica.otf);
	font-family: theo;
}
@font-face{
	src: url(fonts/TheoreticaItalic.otf);
	font-family: theoit;
}
@font-face{
	src: url(fonts/TheoreticaMed.otf);
	font-family: tmed;
}
@font-face{
	src: url(fonts/TheoreticaMedItalic.otf);
	font-family: tmedit;
}
@font-face{
	src: url(fonts/TheoreticaSemibold.otf);
	font-family: tsemi;
}
@font-face{
	src: url(fonts/TheoreticaSemiItalic.otf);
	font-family: tsemiit;
}
@font-face{
	src: url(fonts/TheoreticaBold.otf);
	font-family: tbold;
}
@font-face{
	src: url(fonts/TheoreticaBoldItalic.otf);
	font-family: tboldit;
}
@font-face{
	src: url(fonts/Helvetacant.ttf);
	font-family: helvetacant;
}
h1{
	font-family: tsemi, helvetica;
	font-size: 45pt;
	line-height: 45pt;
	letter-spacing: -2px;

	display: inline-block;
	pointer-events: none;
}
h2{
	font-family: theo, helvetica;
	letter-spacing: -1px;
	font-size: 25pt;
	line-height: 30pt;
	display: inline-block;
	pointer-events: none;
}
h3{
	font-family: tsemi, helvetica;
	font-size: 10pt;
	line-height: 12pt;
	text-transform: uppercase;
	display: inline-block;
	pointer-events: none;
	color: #7f7f7f;
}
h4{
	font-family: tmed, helvetica;
	font-size: 10pt;
	line-height: 12pt;
	display: inline-block;
	pointer-events: none;
}
h5{
	font-family: theoit, helvetica;
	font-size: 10pt;
	line-height: 10pt;
	display: inline-block;
	pointer-events: none;
	color: var(--slate);
}
h6{
	font-family: tmed, helvetica;
	letter-spacing: -1px;
	font-size: 25pt;
	line-height: 30pt;
	display: inline-block;
	pointer-events: none;
}
p{
	font-family: theo, helvetica;
	font-size: 10pt;
	line-height: 12pt;
	pointer-events: none;
}
a{	
	color: inherit;
	font-family: tmed, helvetica;
	font-size: 10pt;
	text-decoration: none;
	line-height: inherit;
	display: inline-block;
}
a:hover{
	letter-spacing: .3px;
}
.smallLabel{
	background-color: var(--obsidianDynamic);
	display: inline-block;
	color: var(--saltDynamic);
	padding: 0px 10px;
	border-radius: 20px;
	font-size: 8pt;
	font-family: tmed;
	margin-left: 10px;
}
img{
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}
hr{
	height: 3px;
	background: #7f7f7f;
	border: none;
	border-radius: 3px;
	margin: 8px 0;
	display: block;
}
.hrMobile{
	display: none;
}
.vr{
	background-color: #7f7f7f;
	height: 140px;
	width: 2px;
	border-radius: 5px;
}
.itemCenter{
	display: flex;
}
.centeredText{
	width: 100%;
	text-align: center;
	display: block;
	padding: 30px;
}










/*/////////////////    Logo SVG    //////////////////////*/
.twLogoSVG{
	display: block;
	width: 100%;
}
.mediaLinksContainer{
	display: flex;
	align-items: center;
	height: 50px;
	float: left;
}
.mediaLinksContainer a{
	transition-duration: 0s;
}
.mediaLinkSVG-FB{
	display: block;
	height: 24px;
	width: 24px;
	transform: scale(120%);
	transition-duration: 0s;
	margin: 15px;
	margin-left: 0;
}
.mediaLinkSVG-IG{
	display: block;
	height: 16px;
	width: 16px;
	transform: scale(180%);
	transition-duration: 0s;
	margin: 15px;
}

/*/////////////////    Scroll Animations    //////////////////////*/
.scrollHidden,.scrollHiddenBottom,.scrollHiddenRight,.scrollHiddenTop{
	opacity:0;
	transition: .7s ease;
	filter:blur(15px);

}
.scrollHiddenDelay{
	opacity:0;
	transition: .7s ease;
	filter:blur(15px);
	transform:translateX(-100%);
	transition-delay: .1s;
}
.scrollHidden{
	transform:translateX(-100%);
}
.scrollHiddenRight{
	transform:translateX(100%);
}
.scrollHiddenTop{
	transform:translateY(-100%);
}
.scrollHiddenBottom{
	transform:translateY(100%);
}
.scrollReveal{
	opacity: 1;
	filter:blur(0);
	transform:unset;
}
@media(prefers-reduced-motion) {
	.scrollHidden, .scrollHiddenRight, .scrollHiddenTop, .scrollHiddenBottom, .scrollHiddenDelay{
		transition: none;
	}
}












		/*/////////////////////   NAVBAR   ///////////////////////*/

		.navbar{
			position: fixed;
		    width: 100%;
			z-index: 999;
		    background: var(--navColor);
			-webkit-backdrop-filter: saturate(300%) blur(20px);
			backdrop-filter: saturate(300%) blur(20px);
		}
		.navbarsmall{
			display: none;
		}
		.navcontainer{
		    max-width: 1200px;
		}
		.nav1{
			list-style-type: none;
		    width: 100%;
		    padding-inline-start: 0;
		}
		/*/////////   nav formatting   ///////////*/

		.nav1 li:first-child{
			margin-left: 40px;
		}
		.nav1 li{
			margin: 5px;
			margin-right: 0;
			float: left;
			max-height: 40px;
			overflow: hidden;
		}
		.nav1 li:nth-child(2){
			float: right;
		    margin-right: 40px;
		}
		/*.nav1 li:nth-child(3){
			float: right;
		}*/
		.nav1 li a,.aReplacement{
			text-decoration: none;
			display: inline-block;
			padding: 10pt 20px;
		    transition: .3s;
		    border-radius: 20px;
			text-align: left;
			max-height: 40px;
			position: relative;
			color: var(--onyxDynamic);
		}
		.nav1 li a:hover{
			background: var(--saltDynamic);
		}
		.nav1 li ul li:first-child{
			margin: 5px;
		}
		.nav1 li ul li{
			list-style-type: none;
			margin: 5px;
			margin-top: 0;
		}
		.nav1 li ul li a{
			width: 210px;
		}
		/*/////////   2nd level nav   ///////////*/

		.nav1 li ul{
			position: absolute;
		 	background: var(--navColor);
			-webkit-backdrop-filter: saturate(300%) blur(20px);
			backdrop-filter: saturate(300%) blur(30px);
			border-radius: 24px;
		}
		.nav1 li .nav2 li{
			float: left;
			margin-right: 0;
		}
		.nav1 .navfloat{
			width: 220px;
			padding-top: 10px;
			position: absolute;
			display: none;
		}
		.nav1 li:hover .navfloat{
			display: block;
		}
		.nav1 li .revealDropdown{
			display: block;
		}

		/*/////////   3rd level nav   ///////////*/

		.nav1 .nav3{
			display: none;
			position: absolute;
			left:210px;
			top: -5px;
			padding: 0;
		}
		.nav1 li ul li:hover .nav3{
			display: block;
		}

		/*/////////   4th level nav   ///////////*/

		.nav1 .nav3 .nav4{
			display: none;
			position: absolute;
			left: 210px;
			top: -5px;
			padding: 0;
		}
		.nav1 li ul li ul li:hover .nav4{
			display: block;
		}

		/*/////////   navbar specific   ///////////*/

		.navtri{
			width: 10px;
			margin: 0px 0px 1px 0px;
		}

		.home{
			height: 13pt;
			width: 40px;
			color: var(--onyxDynamic);
		}
		.nav1 .homeli a{
		    padding: 8.5pt 20px;
		}
		.nav1 .homeli a:hover{
			background: none;
		}
		
		.nav1 .aReplacement:hover{
			background: var(--saltDynamic);
			cursor: pointer;
		}
		.settingsText{
			transition: .3s linear;
			transform: translateY(-5px) translateX(-100px);
		}
		.settingsli .aReplacement:hover .settingsText{
			transform: translateY(-5px) translateX(8px);
			transition: .5s linear;
		}
		.settingsImage{
			height: 13pt;
			display: inline;
			transition: .3s linear;
			transform: translateX(-25px);
			color: var(--onyxDynamic);
		}
		.settingsli .aReplacement:hover .settingsImage{
			transform: translateX(100px) rotate(360deg);
			transition: .5s linear;
			
		}
		.nav1 .settingsli .aReplacement{
			padding: 8.5pt 20px;
		}
		body .navbar .lightSettingsText{
			display: none;
		}
		body.darkMode .navbar .lightSettingsText{
			display: inline-block;
		}
		body .navbar .darkSettingsText{
			display: inline-block;
		}
		body.darkMode .navbar .darkSettingsText{
			display: none;
		}
		
/*///////////------////////     Bottombar     //////////--------//////////*/
		footer{
			position: absolute;
			right: 0;
			left: 0;
			bottom:0;
		}
		.footerSpacer{
			height: 190px;
		}
		.footerLogo{
			width: 60px;
			height: 30px;
			margin: 0;
		}
		.bottomBar a,p,h3{
			line-height: 20pt;
			transition: .3s;
		}
		.bottomBar h4,h5{
			line-height: 14pt;
		}
		.bottomBar p{
			color: #7f7f7f;
			font-family: tmed;
		}
		.bottomBar a:hover{
			color: #3379f7;
		}
		footer .flexContainer{
			align-items: flex-start;
		}
		.flxFullWidth{
			flex-grow: 1;
			flex-basis: 0;
		}















/*///////////------////////     Flexboxes     //////////--------//////////*/
.flexContainer{
	display: flex;
	padding: 7.5px;
	align-items: center;
}
.flexContainer > *{
	margin: 7.5px 15px;
}
.flexContainer .darkFrame:hover{
	transform:scale(1.075);
}
.darkFrame{
	background-color: var(--obsidianStatic);
	border-radius: 30px;
	padding: 2%;
	aspect-ratio: 1/1;
	display:flex;
}
.imageContainer{
	width: 150%;
}
.imageContainer:hover{
	transform:scale(1.025);
}
.whiteFlexBox{
	background-color: var(--saltDynamic);
	display: block;
	border-radius: 30px;
	width: 100%;
	color: var(--onyxDynamic);
}
.whiteFlexBox > div {
	margin: 50px;
}
.whiteFlexBox > span {
	background-color: var(--limestoneDynamic);
	display: block;
	text-align: center;
	margin: 0px;
	padding: 15px;
	width: 100%;
	margin-bottom: 50px;
}
.largeMenuContainer{
	display: flex;
	align-items: center;
	height:100vh;
}
.largeMenuContainer > a{
	background-color: var(--onyxStatic);
	height: inherit;
	display: flex;
	width: 100%;
	overflow-x: hidden;
	justify-content: center;
	position: relative;
	overflow-y: hidden;
}
.largeMenuContainer > a:hover{
	width: 150%;
}
.largeMenuContainer img{
	height: 100vh;
	opacity: .3;
	align-self: center;
	display: block;
	z-index: 1;
}
.largeMenuContainer > a:hover img{
	transform: scale(1.1);
	opacity: 1;
}
.largeMenuContainer .largeMenuText{
	color: var(--saltStatic);
	position: absolute;
	z-index: 2;
	Top: 10vh;
	margin: 10%;
	text-align: left;
	overflow-y: scroll;
}
.largeMenuContainer > a:hover .largeMenuText{
	transform: translateY(-300%);
}
/*////////////    Specialized Containers    /////////*/
.leftThirdContainer{
	display: flex;
	padding: 7.5px;
}
.leftThird{
	background-color: var(--saltDynamic);
	color: var(--onyxDynamic);
	width: 400px;
	max-height:70vh;
	padding: 20px;
	border-radius: 30px;
	text-align: center;
	margin: auto auto auto 30px;
}
.leftThird div{
	margin: auto;
	padding: 10px;
	border-radius: 15px;
	display: block;
	background-color: var(--limestoneDynamic);
	text-align: center;
}
.leftThird div h2{
	font-size: 16pt;
	letter-spacing: 0pt;
}
section.photoTitleContainer{
	display: flex;
	padding: 10px;
	height: inherit;
}
.photoTitleBox{
	margin:auto;
	color: var(--saltStatic);
	animation: photo-ani-1 2s ease-in;
}
	@keyframes photo-ani-1 {
		0%{
			filter: blur(15px);
		}
		70%{
			filter:blur(0px);
		}
		75%{
			filter: blur(5px);
		}
		90%{
			filter:blur(0px);
		}
		95%{
			filter: blur(5px);
		}
		100%{
			filter: blur(0px);
		}
	}
.photoBackgroundBlur{
	height: inherit;
	width: inherit;
	display: block;
	animation: photo-ani-2 2s ease-in;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
	@keyframes photo-ani-2 {
		0%{
			backdrop-filter: blur(0px);
			-webkit-backdrop-filter: blur(0px);
		}
		70%{
			backdrop-filter: blur(15px);
			-webkit-backdrop-filter: blur(15px);
		}
		75%{
			backdrop-filter: blur(0px);
			-webkit-backdrop-filter: blur(0px);
		}
		90%{
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
		}
		95%{
			backdrop-filter: blur(0px);
			-webkit-backdrop-filter: blur(0px);
		}
		100%{
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
		}
}
.headshot{
	display: block;
	width: 120px;
	border-style: solid;
	border-width: 3px;
	border-radius: 100px;
	border-color: var(--obsidianDynamic);
	margin: 20px auto 10px;
}
.paragraph{
	background-color: var(--saltDynamic);
	border-radius: 30px;
	padding: 50px 150px;

}
.photoDisplayContainer{
	display: flex;
	width: 100%;
}
.photoDisplayContainer div{
	display: flex;
	transform: translateX(0px);
}
.photoDisplayContainer img{
	max-width: 100%;
	border-radius: 30px;
	display: block;
	position: static;
}
.photoDisplayContainer .portrait{
	margin: auto;
	margin: 15px;
	max-height: 70vh;
}
.photoDisplayContainer .landscape{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.redGlow{
	box-shadow:inset 0 0 40px #fb0e2a;
	background-color: var(--onyxStatic); 
	color: var(--saltStatic);
}
.redGlow .blackButton{
	background-color: var(--saltStatic);
}
.redGlow .blackButton a{
	color: var(--onyxStatic);
}
.redGlow .blackButton:hover a{
	color: #fb0e2a;
}
/*////////////------////////     Buttons     //////////--------///////////*/
.whiteButton{
	padding: 0;
	background-color: var(--saltStatic);
	border-style: none;
	border-radius: 20px;
	transition: .3s;
}
.whiteButton a{
	color: var(--onyxStatic);
	padding: 20px 20px;
	transition: .3s;
	line-height: 0;
}
.whiteButton:hover a{
	padding: 20px 25px;
	color: #3379f7;
}
.blackButton{
	padding: 0;
	background-color: var(--onyxDynamic);
	border-style: none;
	border-radius: 20px;
	transition: .3s;
}
.blackButton a{
	color: var(--saltDynamic);
	padding: 20px 20px;
	transition: .3s;
	line-height: 0;
}
.blackButton:hover a{
	padding: 20px 25px;
	color: #3379f7;
}
.unavailButton{
	padding: 0;
	background-color: #7f7f7f;
	border-style: none;
	border-radius: 20px;
}
.unavailButton p{
	color: #f0f0f0;
	padding: 20px 20px;
	font-family: tmed, helvetica;
	font-size: 10pt;
	line-height: 0;
}
/*////////////------////////     Images     //////////--------////////////*/
.blueabstract{
	width: 100%;
}
.businesscards{
	width: 70%;
	margin: auto;
	display: block;
}
.gdLogo{
	width: 90%;
	margin: auto;
	display: block;
}
.gdPoster{
	width: 90%;
	margin: auto;
	display: block;
}
.shirtdesign{
	width: 100%;
}
.aurora{
	width: 100%;
}
.fco{
	width: 97%;
}
.plst{
	width: 65%;
}
.mlc{
	width: 75%;
}
.fhs{
	width: 100%;
}
.bamt{
	width: 90%;
}
.ich{
	width: 80%;
}
/*/////////------////////     Image Holders     /////////--------/////////*/

/*///////////------////////     Text & Text Divs     //////////--------//////////*/
.rightAlign{
	text-align: right;
}
.subtitle{
	width: 65%;
}
.titleContainer{
	width: 100%;
}
.photoTitle{
	font-size: 70pt;
	line-height: 70pt;
	color: inherit;
	font-family: tsemi;
}














/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////      SCALE CHANGES      ///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/









@media only screen and (max-width: 1024px) {
		/*/////////////////////   NAVBAR   ///////////////////////*/

.navbarsmall{
	display: block;
	position: fixed;
	z-index: 999;
	width: 100%;
	background: var(--navColor);
	-webkit-backdrop-filter: saturate(300%) blur(20px);
	backdrop-filter: saturate(300%) blur(20px);
	transition: height .25s ease;
	height: 53px;
}
.navbarsmall .hrMobileMenu{
	height: 30px;
	display: block;
}
.navbarsmall.menuOpen{
	height:100vh;
	transition: height .5s ease;
	overflow-y: scroll;
	overflow-x: hidden;
}
.navbarSmall.menuopen a{
	z-index: 100;
}
.navbar{
	display: none;
}
.navs1{
	list-style-type: none;
    display: flex;
}
/*/////////   nav formatting   ///////////*/
.navs1 li{
	width: 100%;
}
.navs1 li a{
	font-family: tsemi;
	display: block;
	padding: 15pt 0;
	text-align: center;
    transition: .3s;
	color: var(--onyxDynamic);
}
.navs1 li ul li:first-child{
	margin: 5px 0;
}
.navs1 li ul li{
	margin: 5px 0;
	margin-top: 0;
}
.navs1 li ul li a{
	width: 100%;
	text-align: left;
}
/*/////////   2nd level nav   ///////////*/

.navs1 li ul{
	display: block;
}
.navs1 li .navs2 li{
	display: inline-block;
	text-align: left;
}
.navs1 li .navs2 li h3{
	padding: 5px 30px;
	margin: 0;
}
.navs1 li .navs2 li a{
	padding: 20px 0px;
	padding-left: 12%;
}
.navs1 li .navs2 li .parentLink{
	padding-left: 30px;
}
.navs1 li .navsfloat{
	width: 100%;
	position: absolute;
	display: none;
	margin-top:26.5px;
}
.navs1 li .revealDropdown{
	display: block;
}
/*/////////   navbar specific   ///////////*/
.home{
	height: 13pt;
	padding: 0;
	margin: 0;
	width: 100%;
}
.navs1 .homeli a{
	margin: 0;
    line-height: 0;
    padding: 8.5pt 20px;
}
.navEndLi{
	position: absolute;
	bottom: 15;
	left: 15;
}

/*////// navbar pre-animation settings //////*/
 .dropdownButton{
	padding: 26.5px 0;
	display: block;
	cursor: pointer;
 }
 /*//////// menu stack animation //////////////*/

 /* Stops body from scrolling */
 body.menuOpen {
	height: 100vh;
	overflow: hidden;
 }
 body.menuOpen footer{
	position: static;
 }
 /* displays hamburger menu */
.menuStack{
	position: relative;
	transform: translateX(-20px);
}
.menuStack span{
	position: absolute;
	background-color: var(--onyxDynamic);
	height: 2px;
	width: 46px;
	border-radius: 3px;
	transition: .5s ease;
}
.menuStack span:nth-child(1){
	transform:translateY(-4px);
}
.menuStack span:nth-child(2){
	width: 32px;
	transition-delay: .1s;
}
.menuStack span:nth-child(3){
	transform:translateY(4px);
}
/* animates hamburger menu */
.menuStack.menuOpen span:nth-child(1){
	transform:translateY(0) rotate(-765deg);
	width: 20px;
}
.menuStack.menuOpen span:nth-child(2){
	transform:translateX(100vw);
	height: 4px;
	width: 30px;
}
.menuStack.menuOpen span:nth-child(3){
	transform:translateY(0) rotate(-135deg);
	width: 20px;
}
/* moves logo and contact to right */

.navs1 .menuOpen:nth-child(2){
	transform: translateX(100%);
	transition-delay: .15s;
	transition-timing-function:cubic-bezier(.19,2,.34,1.01);
	transition-duration: 1s;
}
.navs1 .menuOpen:nth-child(3){
	transform: translateX(100%);
	transition-delay: .175s;
	transition-duration: 1s;
}
	/*///////////////////////    Bottombar    ////////////////////////*/
	.footerSpacer{
		height: 650px;
	}
	.bottomBar .vr{
		display: none;
	}
	.bottomBarPlaceholder{
		display: none;
	}
	.bgb .bottomBar{
		padding: 20px;
		text-align: left;
		
	}
	.bottomBar .footerLogo{
		margin: 0;
	}
	.mediaLinksContainer{
		margin-bottom: 30px;
	}












	/*////////////------////////     Global     //////////--------////////////*/
	body {
		max-width: 100%;
		text-align: center;
	}
	.hrMobile{
		height: 3px;
		background: #7f7f7f;
		border: none;
		border-radius: 3px;
		margin: 0 30px;
		display: block;
		width: inherit;
	}
	.bgPhotography{
		background-position: 0px;
	}
	/*///////////////////////    Flexboxes    ///////////////*/
	.flexContainer > div:not(.titleContainer, .darkFrame, .whiteFlexBox){
		margin: 20px 30px;
		width: fit-content;
	}
	.flexContainer{
		display: block;
		padding: 0;
	}
	.darkFrame{
		aspect-ratio: 0;
		padding: 60px;
		margin: 0 15% 20px;
		width: fit-content;
	}
	.flexContainer .darkFrame{
		margin-top: 0;
	}
	.whiteFlexBox{
		margin: 0 15% 40px;
		max-width: 70%;
		position: relative;
		padding-bottom: 30px;
	}
	.whiteFlexBox > div{
		padding: 30px;
		margin: 0;
	}
	.whiteFlexBox > span{
		margin-bottom: 0px;
	}
	.largeMenuContainer{
		display: flex;
		align-items: center;
		height:100vh;
		flex-direction: column;
	}
	.largeMenuContainer > a{
		background-color: var(--onyxStatic);
		display: flex;
		width: 100%;
		overflow-x: hidden;
		justify-content: center;
		position: relative;
		}
	.largeMenuContainer > a:hover{
		width: 100%;
	}
	.largeMenuContainer > a:hover img{
		transform: scale(1.1);
	}
	.largeMenuContainer img{
		width: 100%;
		height: unset;
		opacity: .6;
		align-self: center;
		display: block;
		z-index: 1;
		position: absolute;
	}
	.largeMenuContainer .largeMenuText{
		color: var(--saltStatic);
		position: absolute;
		display: block;
		z-index: 2;
		Top: 0vh;
		left:0px;
		margin: 7vh;
		text-align: left;
		overflow-y: scroll;
	}
	.largeMenuText h1{
		font-size: 35pt;
		line-height: 35pt;
	}
	.largeMenuContainer > a:hover .largeMenuText{
		transform: translateX(-300%);
	}

	/*///////    Specific Use Divs    /////////*/

	.leftThird{
		margin: auto;
	}
	.paragraph{
		padding: 50px;
	}
	.photoTitle{
		font-size: 45pt;
		line-height: 45pt;
	}
	.photoDisplayContainer div{
		display: block;
		transform: translateX(-15px);
	}
	/*////////////------////////     Images     //////////--------////////////*/
	.imageContainer{
		display: block;
		width: inherit;
	}
	.blueabstract{
		width: 55%;
	}
	.shirtdesign{
		width: 100%;
	}
	.aurora{
		width: 55%;
	}
	.fco{
		width: 97%;
	}
	.plst{
		width: 65%;
	}
	.mlc{
		width: 75%;
	}
	.fhs{
		width: 100%;
	}
	.bamt{
		width: 90%;
	}
	.ich{
		width: 80%;
	}
	/*///////////------////////     Text Divs     //////////--------//////////*/
	.rightAlign{
		text-align: inherit;
	}
	.subtitle{
		margin: 0 60px;
		width: inherit;
		text-align: left;
	}
	.titleContainer {
		display: inline-block;
		margin: 0 30px;
		width: fit-content;
	}
}
	









/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////      SCALE CHANGES      ///////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/


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


/*//////////////////////////    Global    ////////////////////////////////*/
h1{
	font-size: 35pt;
	line-height: 35pt;
}
h2{
	font-size: 18pt;
	line-height: 18pt;
}
h6{
	font-size: 18pt;
	line-height: 18pt;
}
/*////////////------////////     Images     //////////--------////////////*/
.blueabstract{
	width: 100%;
}
.shirtdesign{
	width: 100%;
}
.aurora{
	width: 100%;
}
}