body{
	margin:0px;
	padding:0px;
	max-width:100vw;
	 overflow-x: hidden;

}


/* NAVIGATION MENU */
/* NAVIGATION MENU */
/* NAVIGATION MENU */



.name{
    color:#EAEAEA;
    font-family: 'Libre Baskerville', serif;
    font-size:7vw;
    letter-spacing: .3em;
    padding-left:.5em;
    text-align: center;
    align-self: center;

}


/* THINGS FOR MENU */


/*MEDIA QUERY*/
@media only screen and (max-width : 980px) {

header {

		position: absolute;
    top:0;

	}



	nav li {

		text-align: left;
		width: 100%;
		padding: 0px 0;
		margin: 0;

	}


/* FROM OTHER MENU */



.menu-content {
  color: #5F7A80;
  text-decoration: none;
  font-size:calc(1em + 3vh);
  font-weight:300;
  font-family: 'Libre Baskerville', serif;
  letter-spacing: .3vw;
  height:80vh;
}


.collapsible-menu {
    /*background-color: rgb(255, 255, 255);*/
    padding: 0px 0px;
    position:absolute;
    top:50px;
    right:0;
    z-index:50;
		padding-left:1em;
		background: linear-gradient(to right, #fff 0%, #fff 30%, #c6edf7 100%);
		/*
    border-right:2px solid;
    border-image: linear-gradient(to left, #1BC1E1 0%, #DC8627 100%);
    border-image-slice: 1;
    border-width: 4px;
		*/


}


.collapsible-menu label {
    /*font-family: 'Libre Baskerville', serif;*/
    font-family:Montserrat;
    font-size: 1.4em;
    color:#DC8627;
    cursor: pointer;
    padding: 0px 0 0px 0px;
    margin-top:-50px;
    position:relative; float:right;
    border-bottom:3px solid #DC8627;

}
input#menu {
    display: none;
}

input:checked +label {
    background-image: url(close.png);
}


.menu-content {
    max-height: 0;
    overflow: hidden;
    /*font-family: 'Libre Baskerville', serif;*/
    font-family:Montserrat;
    padding: 0 0 0 0px;
    width:100%;


}
/* Toggle Effect */
input:checked ~ label {
    background-image: url(close.png);
}
input:checked ~ .menu-content {
    max-height: 100%;
}

.sample_descriptor:before, .sample_descriptor_min:before {
    display:none;
}






}  /* END MEDIA QUERY */



@media only screen and (min-width : 981px) {

.collapsible-menu label {
    display:none;
}
input#menu {
    display: none;
}


#oneblue{
display:none;
}

.menu-content{
  font-size:calc(.5em + .8vw);
}

.sample_descriptor:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2em; /* This creates some space between the element and the border. */
		margin-right:2em;
    border-top: 2px solid #1BC1E1; /* This creates the border. Replace black with whatever color you want. */
}


.sample_descriptor_min:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 200px; /* Change this to whatever width you want. */
		max-width: 200px;
		min-width: 200px
    padding-top: 2em; /* This creates some space between the element and the border. */
		margin-right:2em;
    border-top: 2px solid #1BC1E1; /* This creates the border. Replace black with whatever color you want. */
}


}  /* END MEDIA QUERY */



li{

}


li a {
  color:#DC8627;
	text-decoration: none;
	font-weight:100;
  /*font-family: 'Libre Baskerville', serif;*/
  font-family:Montserrat;
  letter-spacing: .3vw;
  line-height:2em;
	transition: color .5s;

}

a:hover {

  color: #5F7A80;
}




header {

	width: 92%;
	height: 76px;
	position: absolute;
	top: 30px;
	left: 4.36%;
	z-index:100;
	background-color:#fff;

}


nav {

	float: right;
	padding: 0px;
  margin-top:-15px;
  vertical-align: top;

}

#menu-icon {

	display: hidden;
	width: 80px;
	height: 40px;
	background: #4C8FEC url(../img/menu-icon.png) center;

}

a:hover#menu-icon {

	background-color: #5F7A80;

}

ul {

	list-style: none;
  padding:0;



}

li {

	display: inline-block;
	float: left;
	padding-bottom: 10px;
  padding-right:1em;


}

.current {

	color: #5F7A80;

}

.one{
	padding-bottom:.2em;
	border-bottom:2px #1BC1E1 solid;
}

.two{
	padding-bottom:.2em;
	border-bottom:2px #840404 solid;
}

.three{
	padding-bottom:.2em;
	border-bottom: 2px solid #DC8627;
}

#oneblue, #twored, #threeorange, #fourblue, #fivered{
position: relative;
float:left;
padding-right:.em;
height:12vh;
width:auto;
max-width:25vw;
margin-bottom:.5em;

}



/* END THINGS FOR TEXT MENU   */

/* BRANDON HOME LINK */

.home{
  background-image:url(graphics/brandonhometext.svg);
  background-repeat: no-repeat;
  width:50vw;
  max-width:260px;
  height:50px;
  position:absolute;
  left:0;
  z-index:55;
}


a.backtohome{

	transition: opacity .3s;
	opacity:1.0;
	outline: none;
}

a.backtohome:hover{
	opacity:.5;
}

/* END NAVIGATION MENU */
/* END NAVIGATION MENU */
/* END NAVIGATION MENU */


/* HOME PAGE */
/* HOME PAGE */
/* HOME PAGE */

.introbox{
	font-family: 'Libre Baskerville', serif;
	font-size:3em;
	font-weight:100;
	letter-spacing:.4em;
	margin:auto;
	text-align: center;
	opacity:.3;
	color:#BCBCBC;
}

.getintouch {
	font-family: 'Montserrat';
	font-weight:600;
	font-size: 2vw;
	letter-spacing:2vw;
	text-indent: 2vw;
	text-decoration:none;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
  width:88vw;
  margin-left:2.9vw;
	height:100px;
	background-image: linear-gradient(-90deg, #1BC1E1, #1BC1E1);
  transition-timing-function: ease-in;
	transition: 0.6s;
	color:#fff;
	border:none;
	text-align: center;
	opacity:1;
	margin-top:1em;
  /*position:absolute;
  top:200vh;
	z-index:5;*/
}

.getintouchsm{
	font-family: 'Montserrat';
	font-weight:600;
	font-size: 2vw;
	letter-spacing:1vw;
	text-decoration:none;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
  width:30%;
  margin-left:35%;
	height:80px;
	background-image: linear-gradient(-90deg, #1BC1E1, #1BC1E1);
  transition-timing-function: ease-in;
	transition: 0.6s;
	color:#fff;
	border:none;
	text-align: center;
	opacity:1;


}

.getintouch:hover, .getintouchsm:hover{
	text-decoration: none;
	/*color:#1BC1E1;*/
	color:#841618;
	background-image: linear-gradient(-90deg, #DC8627, #1BC1E1);

}




.griddleborder{
	display:grid;
	overflow:hidden;
	text-overflow:clip;
	text-align:center;
	position:absolute;
  margin:4vw;
	width:calc(92vw - 8px);
	height:calc(100vh - 8vw - 8px - 76px);
	top:86px;
  mix-blend-mode:multiply;
  z-index:99;
  border-image: linear-gradient(to left, #1BC1E1 0%, #DC8627 100%);
  border-image-slice: 1;
  border-width: 4px;
  border-style:solid;
}

.name{
    color:#EAEAEA;
    font-family: 'Libre Baskerville', serif;
    font-size:9vw;
    letter-spacing: .4em;
    /*text-indent: .8em;  match the letter spacing */
    padding-left:.5em;
    text-align: center;
    align-self: center;
    /*animation: fadeout 4s;*/

}


@keyframes fadeout {
    0%   {opacity:100;}
    50%   {opacity:100;}
    75%   {opacity:100;}
    100%  {opacity:0;}
}


/* BARS FROM ORIGINAL SITE */




.left_blue{
	grid-column:1;
	grid-row: 1 / 3;
	background-color:#1ac0e1;
	mix-blend-mode:multiply;
}

.mid_gray{
	grid-column:2;
	grid-row: 1 / 7;
	background-color:#5e797f;
	mix-blend-mode:multiply;
}

.left_gray{
	grid-column:1;
	grid-row: 5 / 7;
	background-color:#5e797f;
	mix-blend-mode:multiply;
}

.right_blue{
	grid-column:3;
	grid-row: 4 / 7;
	background-color:#1ac0e1;
	mix-blend-mode:multiply;
}

.right_orange{
	grid-column:3;
  grid-row: 1 / 2;
	background-color:#dc8626;
	mix-blend-mode:multiply;
}


.layer_left_blue{
	/*grid-row:1;
	width:5.27vw;*/
	grid-column:2;
	background-color:#1ac0e1;
	mix-blend-mode:multiply;
}

.layer_right_orange{
	/*grid-row:1;
	width:10.84vw;*/
	grid-column:4;
	background-color:#dc8626;
	mix-blend-mode:multiply;
}




.top_blue{
	grid-row:2;
	/*height:16.8vh;*/
	height:18.8vh;
	min-height:100px;
	background-color:#1ac0e1;
	mix-blend-mode:multiply;
}

.mid_orange{
	grid-row:4;
	height:15.72vh;
	background-color:#dc8626;
	mix-blend-mode:multiply;
}

.bottom_gray{
	grid-row:6;
	height:8.98vh;
	background-color:#5e797f;
	mix-blend-mode:multiply;
}


.top_blank{
	grid-row:2;
	/*height:52.2vh;*/
  height:16.8vh;
  padding-top:2vh;
	min-height:100px;
}

.mid_blank{
	grid-row:4;
	height:15.72vh;

  align-self: center;
}

.bottom_blank{
	grid-row:6;
	height:8.98vh;

  align-self: center;

}

.name_test{
  height:auto;
  margin:auto;
  width:52.42vw;
  max-width:600px;
  height:calc(52.42vw / 3.4);
  max-height: 18.8vh;
  /*height:145px;*/
  align-items: center;
  align-self: center;
  align-content:center;
  place-items:center;

  /*height:100%;*/
	/*width:calc(60% - 10vw);*/

  /* height:calc(width / 6) */
  /*top:calc(19% - 4vw);*/

}


.griddles{
	display:grid;
  grid-template-rows:52.204vh 5.73vh 1.69vh 4.95vh 10.547vh;
	grid-template-columns:23.73vw 23.07vw 1fr;
	grid-column-gap:5.86vw;
	grid-row-gap:0px;
	overflow:hidden;
	text-overflow:clip;
	text-align:center;
  position:absolute;
	mix-blend-mode: multiply;
	top:0;
  z-index:3;
  animation: fadeone 4s;
}


@keyframes fadeone {
    0%   {opacity:0;}
    50%   {opacity:0;}
    100%  {opacity:100%;}
}


.griddles2{
	display:grid;
	grid-row-gap:0px;
	overflow:hidden;
	text-overflow:clip;
	text-align:center;
	mix-blend-mode:multiply;
	position:absolute;
	top:0;
	z-index:5;
  animation: fadeone 3s;

}


.griddles3{
	display:grid;
	grid-template-columns:.5fr 1fr 10fr 2.1fr 2.5fr;
	overflow:hidden;
	text-overflow:clip;
	text-align:center;
	mix-blend-mode:multiply;
	position:absolute;
	top:0;
	z-index:10;
  animation: fadeone 6s;

}

.griddles4{
	display:grid;
	overflow:hidden;
	text-overflow:clip;
	text-align:center;
	position:absolute;
	top:;
	z-index:23;
  animation: fadeone 3s;

}

.griddles_bg{
	display:grid;
	overflow:hidden;
	text-overflow:clip;
	background-image:url(images/IMG_3523.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	position:absolute;
	mix-blend-mode:multiply;
	top:0;
	z-index:1;
	opacity:.2;
  animation: fadeone 5s;

}



.griddles, .griddles2,.griddles3, .griddles4, .griddles_bg{
	margin:6vw;
	width:calc(100vw - 12vw);
	height:calc(100vh - 12vw - 76px);
	top:calc(86px);
	background-color:#1BC1E1;
	/*background: linear-gradient(90deg, rgba(27,193,225,1) 0%, rgba(31,49,63,1) 100%);*/
	background-image: linear-gradient(90deg, rgba(27,193,225,1) 0%, rgba(31,49,63,.8) 100%), url(graphics/Imprint_studio_background.jpg);
	background-image: linear-gradient(90deg, rgba(27,193,225,.1) 0%, rgba(27,193,225,1) 100%), url(graphics/Imprint_studio_background.jpg);
	background-size: contain;
	background-position: bottom right;
background-repeat: no-repeat;
	background-blend-mode: multiply;

	}

	.griddles{

	}

	.griddles_bg{

	}

/*  END BARS FROM ORIGINAL SITE */


/* Adding work preview section on home page. */

.home_contact{
	margin-left:3vw;
	margin-right:3vw;
	width:calc(100vw - 6vw);
	height:auto;
	z-index:3;
	position:relative;
}

.content_container{
	position:absolute;
	top:100vh;
}

.category_home{
	grid-column: 1 / 3;
	height:200px;
	background-image:url(images/nature_15.jpg);
	background-position: center;
	background-size: cover;
	/*background-color:#1BC1E1;*/
}

.category_home{
	/*background-image:linear-gradient(to top, #0e889a , #21aeca);

	mix-blend-mode: multiply;*/
}

.photolink{
	background-color:#666;
	mix-blend-mode:lighten;
	padding:1em;
	text-decoration: none;
	background-image: linear-gradient(-90deg, #1BC1E1, #1BC1E1);
}

.photo_1{
	font-family: 'Montserrat';
	font-weight:600;
	font-size: 1.5em;
	letter-spacing:.4em;
	text-decoration:none;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	text-align: center;
	align-content: center;
	align-items: center;
	background-image: linear-gradient(-90deg, #1BC1E1, #1BC1E1);
	transition-timing-function: ease-in;
	transition: 0.6s;
	color:#fff;
	border:none;
	text-align: center;
	opacity:1;
	height:100%;
}

.photo_1:hover{
	text-decoration: none;
	/*color:#1BC1E1;*/
	color:white;
	background-image: linear-gradient(-90deg, #DC8627, #1BC1E1);
	background-blend-mode: multiply;
	mix-blend-mode: multiply;

}

.griddle_highlights{
	display:grid;
	margin-left:6vw;
	margin-top:3vw;
	margin-right:6vw;
	width:calc(100vw - 12vw);
	height:auto;
	/* min-height:calc(100vh - 12vw); */
	/* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
	/*grid-template-columns: repeat(auto-fill, 300px);*/
	grid-template-columns: repeat( auto-fit, minmax(800px, 1fr) );
	grid-column-gap:30px;
	overflow:hidden;
	align-items: center;
	justify-content:center;
	align-content: center;
	text-align:center;
  z-index:3;
	background-image:url(graphics/ripples.svg);
	background-size:100%;
	background-repeat:no-repeat;
}

.griddle_highlights a{
	text-decoration:none;

}

.griddle_sandwich_1, .griddle_sandwich_2, .griddle_sandwich_3, .griddle_sandwich_4, .griddle_sandwich_5{
	height:300px;

	background-size:100%;

	background-position:center;
	/* background-blend-mode: normal, screen; */
	/*background-image:linear-gradient(to top, #0e889a , #21aeca);*/
	margin-bottom:3vh;
	background-repeat:no-repeat;
	font-weight:600;
	font-size: 2vw;
	text-align:center;
	text-decoration:none;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	text-align: center;
	align-content: center;
	align-items: center;
	font-family: 'Montserrat';
	font-weight:600;
	font-size: 1.5em;
	letter-spacing:.4em;

}

.griddle_sandwich_1:hover, .griddle_sandwich_2:hover, .griddle_sandwich_3:hover, .griddle_sandwich_4:hover, .griddle_sandwich_5:hover{
	/*background-color:#999;*/
	background-color: rgba(27,193,225,1);
	color:#fff;
	transition: .5s ease-out;
	transform: scale(1.02);
	transition-property: "background";
	/*background-size:0 , cover;*/

}

.griddle_sandwich_1{
	background-image:url(images/home_category_photo.jpg);

}



.griddle_sandwich_2{
	background-image:url(images/home_category_watercolor.jpg);

}

.griddle_sandwich_3{
	background-image:url(images/home_category_card.jpg);

}

.griddle_sandwich_4{
	background-image:url(graphics/04.svg), url(images/branding_02_intro.jpg);

}

.griddle_sandwich_5{
	background-image:url(graphics/02.svg), url(images/process_05_intro.jpg);

}



/* Second Act  */

.griddlebitmore{
	display:grid;
  grid-template-rows:30vh 30vh 30vh;
	grid-template-columns:12vw 6vh 12vh 70vw;
	grid-column-gap:0px;
	grid-row-gap:0vh;
	/*width:calc(100vw - 12vh);
	height:calc(100vh - 12vh);*/
	width:100vw;
	height:100vh;
	min-height:600px;
	max-width:100vw;
	overflow: hidden;
	/*margin:6vh;*/
	mix-blend-mode:multiply;
	z-index:20;
	position:absolute;
	top:200vh;
	/*border:6vh solid white;*/
}

.griddlebitmore_2{
	display:grid;
  grid-template-rows:90vh;
	/*grid-template-columns:6vw 6vw 12vw 16vw 60vw;*/
	grid-template-columns:23.73vw 23.07vw 1fr;
	grid-column-gap:5.86vw;
	grid-row-gap:0vh;
	height:100vh;
	min-height:600px;
	width:calc(100vw - 6vh);
	overflow:hidden;
	text-overflow:clip;
	mix-blend-mode:multiply;
	z-index:15;
	position:absolute;
	top:200vh;
	margin:0 6vh 0 ;
}

.griddlebitmore_3{
	display:grid;
  grid-template-rows:30vh 30vh 30vh 10vh;
	grid-template-columns:100vw;
	grid-column-gap:0px;
	grid-row-gap:0vh;
	/*width:calc(100vw - 12vh);*/
	/*height:calc(100vh - 12vh);*/
	height:100vh;
	min-height:600px;
	width:100vw;
	overflow:hidden;
	text-overflow: clip;
	/*margin:6vh;*/
	mix-blend-mode:multiply;
	z-index:10;
	position:absolute;
	top:200vh;
	/*border:6vh solid white;*/
}

.vertical_stripe{
	grid-column: 1 / 2;
	background-color:#5F7A80;
	opacity:.08;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
  position:absolute;
  top:200vh;

}

.disrupt{
	grid-row:3 / 4;
	width:66.79vw;
	/*top:calc(100vh + 28vw);*/
	top:15%;
	right:8vw;
	mix-blend-mode:multiply;
	opacity: 0.7;
	z-index:30;
	position:absolute;
}

.impact{
	grid-row:2 / 3;
	width:68.59vw;
	/*top:calc(100vh + 28vw);*/
	top:15%;
	right:8vw;
	mix-blend-mode:multiply;
	opacity: 0.7;
	z-index:30;
	position:absolute;
}

.humane{
	grid-row:1 / 2;
	width:46.59vw;
	top:15%;
	right:8vw;
	mix-blend-mode:multiply;
	opacity: 0.7;
	z-index:30;
	position:absolute;
}

.user_centered{
	grid-row:1 / 2;
	grid-column: 2 / 5;
	font-family: 'Montserrat';
  /*font-family: 'Libre Baskerville', serif;*/
	font-weight:600;
	letter-spacing:3vw;
	line-height: 15vh;
	color:#5e797f;
	text-align: left;
	/*padding-left:3vh;*/
	margin:0;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	align-self:center;
	display: inline-block;

}

.user_centered_background{
	grid-row:1 / 2;
	padding-left:3vh;
	margin:0;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
}

.creative_direction{
	grid-row:2 / 3;
	grid-column: 2 / 5;
font-family: 'Montserrat';	font-weight:600;
	letter-spacing:3vw;
	line-height: 15vh;
	color:#5e797f;
	text-align: left;
	/*padding-left:3vh;*/
	margin:0;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	align-self:center;
	display: inline-block;
}

.creative_direction_background{
	grid-row:2 / 3;
	padding-left:3vh;
	margin:0;
	/*background-color:#1BC1E1;*/
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
}

.design{
	grid-row:3 / 4;
	grid-column: 2 / 5;
font-family: 'Montserrat';	font-weight:600;
	letter-spacing:3vw;
	line-height: 15vh;
	color:#5e797f;
	text-align: left;
	/*padding-left:3vh;*/
	margin:0;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	align-self:center;
	display: inline-block;

}

.design_background{
	grid-row:3 / 4;
	padding-left:3vh;
	margin:0;
	/*background-color:#841618;*/
	/*background-color:#DC8627;*/
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
}


.user_centered, .creative_direction, .design{
		font-size:2em;
		line-height: 3.0em;
}


@media (min-aspect-ratio: 12/9) and (min-width: 1201px) {
	.user_centered, .creative_direction, .design{
			font-size:3.5em;
			line-height: 2.0em;
	}
}

@media (min-aspect-ratio: 12/9) and (max-width: 1200px) {
	.user_centered, .creative_direction, .design{
			font-size:2.5em;
			line-height: 1.25em;
	}

}


.bluefloat{
	width:calc(100vw - 12vh);
	margin:6vh;
	background-color:#1BC1E1;
	display:grid;
	grid-template-rows:30vh;
	grid-template-columns:100vw;
	grid-column-gap:0px;
	grid-row-gap:0vh;
	min-height:200px;
	mix-blend-mode:multiply;
	z-index:10;
	position:absolute;
	top:200vh;
	opacity:0.4;
}


.redfloat{
	width:1vw;
	margin-left:76vw;
	background-color:#DC8627;
	display:grid;
	grid-template-rows:90vh;
	grid-template-columns:3vw;
	grid-column-gap:0px;
	grid-row-gap:0vh;
	min-height:200px;
	mix-blend-mode:multiply;
	z-index:10;
	position:absolute;
	top:200vh;
	opacity:1;

}


.brand_text{
	font-family: 'Libre Baskerville', serif;
  font-size: 1.5em;
	font-weight:300;
	letter-spacing:.4vw;
	/*color:#5e797f;*/
  color:#fff;
	text-align: center;
  align-self: center;
  align-items: center;
  align-content: center;


}


/* EVERYTHING FROM THE LINKS PAGE */
/* REPEAT EVERYTHING FROM THE LINKS PAGE *




/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) {



        .linkgrid{
          display:grid;
          grid-template-columns: 1fr;
          grid-auto-rows:;
          grid-row-gap:5vh;
          width:90vw;
          margin-left:4.36%;
          margin-right:4.36%;
          margin-top:2em;
          margin-bottom:2em;



        }

    .workbox{
      grid-column:;
    }

    .workimage{
      display:none;

    }


    .processbox{
      grid-column:;
      grid-row:;
    }

    .processimage{
      display:none;
    }


    .experiencebox{
      grid-column:;
      grid-row:;
    }

    .experienceimage{
      display:none;
    }


    .philosophybox{
      grid-column:;
      grid-row:;
    }

    .philosophyimage{
      display:none;
    }


    .writingbox{
      grid-column:;
      grid-row:;
    }

    .writingimage{
      display:none;
    }


    .linkboxtext{
    font-family:Montserrat;
    font-size:calc(2em + 3vw);
    color:#DC8627;
    float:right;
    width:100%;

    }




} /* END MEDIA QUERY */

body{
  margin:0px;
  padding:0px;
}





  @media only screen and (min-width : 1001px) {


    .linkgrid{
      display:grid;
      /*grid-template-rows:9fr 1fr;*/
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      grid-auto-rows:;
      grid-column-gap: 2vw;
      /*height:100vh;*/
      width:90vw;
      max-width:91vw;
      margin-left:4.36%;
      margin-right:4.36%;
      margin-top:2em;
      margin-bottom:2em;
      /*position:absolute;
      top:100vh;*/
			max-height:1000px;
			z-index:5;
    }

		.ripples{
			height:130vh;
			width:90vw;
      max-width:91vw;
      margin-left:4.36%;
      margin-right:4.36%;
      margin-top:2em;
      margin-bottom:2em;
      position:absolute;
      /* top:100vh; */
			top:100vh;
			background-image:url(graphics/ripples.svg);
			background-size:100%;
			background-repeat:no-repeat;
			z-index:1;
		}

		.ripples_light{
			height:130vh;
			width:90vw;
			max-width:91vw;
			margin-left:4.36%;
			margin-right:4.36%;
			margin-top:2em;
			margin-bottom:2em;
			background-image:url(graphics/ripples.svg);
			background-size:100%;
			background-repeat:no-repeat;
			position:absolute;
			z-index:1;
			opacity:.9;
		}

.workbox{
  grid-column:;
  /*width:150px;*/
  align-self:end;
  margin-bottom:12vh;
}

.workimage{
  background-image:url(graphics/navone.svg);
  width:150px;
  height:100px;
  background-repeat:no-repeat;
  float:right;

}


.processbox{
  grid-column:;
  grid-row:;
  align-self: end;
  margin-bottom:15vh;
}

.processimage{
  background-image:url(graphics/navtwo.svg);
  width:70px;
  height:130px;
  background-repeat:no-repeat;
  float:right;
}


.experiencebox{
  grid-column:;
  grid-row:;
  align-self: end;
  margin-bottom:0vh;
}

.experienceimage{
  background-image:url(graphics/navthree.svg);
  width:110px;
  height:120px;
  background-repeat:no-repeat;
  float:right;
}


.philosophybox{
  grid-column:;
  grid-row:;
  align-self: end;
}

.philosophyimage{
  background-image:url(graphics/navfour.svg);
  width:80px;
  height:150px;
  background-repeat:no-repeat;
  float:right;
}


.writingbox{
  grid-column:;
  grid-row:;
  align-self: end;
  margin-bottom:10vh;
}

.writingimage{
  background-image:url(graphics/navfive.svg);
  width:120px;
  height:120px;
  background-repeat:no-repeat;
  float:right;
}


.linkboxtext{
	/*
writing-mode:sideways-lr;*/
writing-mode:vertical-lr;
transform: rotate(180deg);
-webkit-writing-mode:vertical-lr;
-ms-writing-mode: vertical-lr;
font-family:Montserrat;
font-size:3em;
color:#DC8627;
float:right;
padding-top:.3em;
width:100%;
display: flex;                   /* defines flexbox */
align-items: flex-start;

}

} /* ENd MEdia Query */



.navlink a{
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  color:#DC8627;
  text-decoration:none;
  transition: background .3s;
background: linear-gradient(to right, #DC8627, #DC8627);
background-clip:text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.navlink a:hover{
  background: linear-gradient(to bottom, #dc8626, #1ac0e1);
  background-clip:text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: background .3s;
}

.disclaimer{
	font-family: 'Libre Baskerville', serif;
	font-size:calc(.3em + 1vw);
	font-weight:600;
	letter-spacing:.2em;
	line-height:1.5em;
	margin:auto;
	text-align: center;
	opacity:.6;
	color:#BCBCBC;
	padding-top:3em;
	padding-bottom:5vh;
	padding-left:10%;
	padding-right:10%;

}

.disclaimer a{
	text-decoration: none;
	color:#dc8626;
	font-size:calc(.6em + 1vw);
}

.caption{
	font-family: 'Libre Baskerville', serif;
	font-size:calc(.3em + 1vw);
	font-weight:600;
	letter-spacing:.2em;
	text-indent:.2em;
	line-height:1.5em;
	margin:auto;
	text-align: center;
	opacity:.6;
	color:#BCBCBC;
	/*padding-top:1em;*/
	padding-bottom:5vh;
	/*padding-left:10%;
	padding-right:10%;*/
	width:100%;

}

.caption a{
	text-decoration: none;
	color:#dc8626;
	font-size:calc(.6em + 1vw);
}

.intro_text{
	font-family: 'Libre Baskerville', serif;
	font-size:calc(.5em + 1vw);
	font-weight:300;
	line-height:1.5em;
	margin:auto;
	text-align: center;
	opacity:.6;
	color:#777;
	/*padding-top:1em;*/
	padding-bottom:5vh;
	/*padding-left:10%;
	padding-right:10%;*/
	width:80%;

}

.intro_text a{
	text-decoration: none;
	color:#dc8626;
}



.home_bottom{
	width:100vw;
	height:auto;
	/*position:absolute;*/
  /*top:100vh;*/
	top:;
	z-index:3;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;

}

/* END HOME PAGE */
/* END HOME PAGE */
/* END HOME PAGE */


/* PORTFOLIO SAMPLE PAGE */
/* PORTFOLIO SAMPLE PAGE */
/* PORTFOLIO SAMPLE PAGE */


.pagename_row{
	grid-row: 2;
	grid-column: 1 / 8;
  margin:auto;

}



.portfolio_page_grid{
	display:grid;
	grid-template-rows: 120px 75px 5vh auto auto auto auto auto auto auto auto;
	grid-template-columns: 4.36% 23.66% 4.8% 23.44% 4.47% 34.72% 4.36%;
	height:auto;
	width:100vw;
	max-width:100%;
	overflow:hidden;

}

.portfolio_intro{
	grid-row:4;
	grid-column: 2 / 7;
	background-color:#1BC1E1;
	z-index:40;
	opacity:.8;
	height:auto;
	display:flex;
	justify-content: center;
  align-items: center;
	font-family: Montserrat;
	font-weight: 200;
	font-size:calc(2vw + 2vh);
	letter-spacing: .2vw;
	color:#fff;
	line-height:1.3em;
	text-align: center;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:1em;
	padding-bottom:1em;

}

.description{
	grid-row:6;
	grid-column: 2 / 7;
	width:75%;
	/*background-color:#5F7A80;*/
	background-color:white;
	font-family: 'Libre Baskerville', serif;
	font-weight:100;
	text-align: left;
	font-size:calc(1vw + 1vh);
	letter-spacing: .3;
	color:#fff;
	line-height:1.7em;
	align-items: center;
	align-content: center;
	padding:1.3em 1.3em 1.3em 1.3em;
	margin-bottom:1em;
	z-index:5;
	height:100%;
	color:#5F7A80;

}

.description:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2em; /* This creates some space between the element and the border. */
    border-top: 4px solid #1BC1E1; /* This creates the border. Replace black with whatever color you want. */
}

.description:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width:60%; /* Change this to whatever width you want. */
    padding-top: 2em; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #1BC1E1; /* This creates the border. Replace black with whatever color you want. */
}

.description a{
	color:#DC8627;
	text-decoration:none;

}

.description a:hover{
	color:#5F7A80;

}

.description_shadow{
	/*grid-row:6;
	grid-column: 2 / 7;
	background-color:#5F7A80;
	opacity:.04;
	width:100%;
	height:100%;
	z-index:2;*/
}

.pagename_link a{
	font-family:Montserrat;
	font-size:2em;
	font-weight:600;
	color:#DC8627;
	letter-spacing:2vw;
	text-align: center;
	position:relative;
	float:left;
	padding-left:35px;
	padding-right:15px;
	text-decoration: none;
	border-bottom: 2px solid #DC8627;
	border-top: 2px solid #DC8627;
}

.pagename_link a:hover{
		background: linear-gradient(to right, #dc8626, #1ac0e1);
		background-clip:text;
		border-bottom:2px solid #1BC1E1;
		border-top:2px solid #1BC1E1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	transition: background .3s;

}

.port_right_exclamation{
	grid-row:3 / 9;
	grid-column:6 / 7;
	background-color:#1BC1E1;
	opacity:.2;
	z-index:20;
}


.port_colorblock{
	grid-row: 5;
	grid-column:2 / 4;
	background-color:#1BC1E1;
	padding-left:3vw;
	padding-right:3vw;
	opacity:.2;
	height:5vh;
}



.portfolio_images{
	display:grid;
	grid-auto-rows: auto;
	grid-template-columns: 4.36% 91.28% 4.36%;
	grid-row-gap: 4em;
	height:auto;
	width:100vw;/* change back to 100 */
	max-width:100%;
	overflow: hidden;
  margin-top:2em;
	left:0;
}

.process_images{
	display:inline-grid;
	grid-auto-rows: auto;
	grid-template-columns: 4.36% 23.66% 4.8% 23.44% 4.47% 34.72% 4.36%;
	grid-row-gap: 2em;
	height:auto;
	width:100vw;
	margin-top:1em;
	left:0;
	z-index:;

}

.port_image_wide, .port_image_medium, .port_image_tall{
	grid-column: 2 / 3;
	grid-row:auto;
	text-align: center;
}

.port_image_wide img{
	width:90%;
	max-width:1000px;
	overflow: hidden;
}

.port_image_medium img{
	width:70%;
	max-width:700px;
	overflow: hidden;
}


.port_image_tall img{
	width:60%;
	max-width:600px;
	max-height:1000px;
}


.backtotop{
	font-family: 'Montserrat';
	font-weight:200;
	font-size: 1em; /* formerly 2 */
	letter-spacing:1.5vw;
	text-decoration:none;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*grid-column: 2 / 7;*/
	grid-column: 1;
	grid-row:2;
	height:3em;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	background-image: linear-gradient(-90deg, #DC8627, #DC8627);
  transition-timing-function: ease-in;
	transition: 0.6s;
	color:#fff;
	border:none;
	text-align: center;
	opacity:1;
}

.nextproject {
	font-family: 'Montserrat';
	font-weight:200;
	font-size: 1em;
	letter-spacing:1.5vw;
	text-decoration:none;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	/*grid-column: 2 / 7;*/
	grid-column:3;
	grid-row:2;
	height:3em;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
	background-image: linear-gradient(-90deg, #DC8627, #DC8627);
  transition-timing-function: ease-in;
	transition: 0.6s;
	color:#fff;
	border:none;
	text-align: center;
	opacity:1;
}

.split_bottom{
	display:grid;
	grid-template-rows: .01em 3em;
	grid-template-columns:  auto 2% auto ;
	grid-column-gap:;
	width:90%;
	height:5em;
	border-top:1px solid #DC8627;
	border-bottom:1px solid #DC8627;
	margin-bottom:3em;
	margin-top:3em;
	margin-left:5%;
}

.backtotop:hover, .nextproject:hover{
	text-decoration: none;
	/*color:#1BC1E1;*/
	color:#841618;
	background-image: linear-gradient(-90deg, #DC8627, #1BC1E1);

}

/* END PORTFOLIO SAMPLE PAGE */
/* END PORTFOLIO SAMPLE PAGE */
/* END PORTFOLIO SAMPLE PAGE */

/* PORTFOLIO INTRO PAGE */
/* PORTFOLIO INTRO PAGE */
/* PORTFOLIO INTRO PAGE */


.section_row{
	grid-row: 5 / 6;
	grid-column: 1 / 8;
  margin:auto;
	z-index:40;

}

.pagename{
	font-family:Montserrat;
	font-weight:600;
	color:#010101;
	letter-spacing:2vw;
	text-align: center;
	position:relative;
	float:left;
	padding-left:3vw;
	padding-right:.7vw;
	font-size:2em;

}



.port_top_left_blue{
	grid-row:7 / 10;
	grid-column: 2 / 3;
	background-color:#1BC1E1;

}


.port_bot_left_gray{
	grid-row:12 / 13;
	grid-column:2 / 3;
	background-color:#5F7A80;
}

.port_center{
	grid-row:7 / 13;
	grid-column:4 / 5;
	background-color:#5F7A80;

}

.port_center_top{
	grid-row:7 / 9;
	grid-column:4 / 5;
	background-color:#5F7A80;

}

.port_center_bottom{
	grid-row:11 / 13;
	grid-column:4 / 5;
	background-color:#1BC1E1;
}

.port_right_orange{
	grid-row:7 / 9;
	grid-column:6 / 7;
	background-color:#DC8627;
}

.port_right_blue{
	grid-row: 11 / 13;
	grid-column:6 / 7;
	background-color:#1BC1E1;
}

.port_left_general{
	grid-row:7 / 13;
	grid-column: 2 / 5;
	background-color:#1BC1E1;
}

.port_right_general{
	grid-row:7 / 13;
	grid-column:6 / 7;
	background-color:#DC8627;
}

.port_bottom_left_general{
	grid-row:13 / 14;
	grid-column:2 / 5;
	/*background-image:linear-gradient(to right, red , yellow);*/
}

.port_bottom_right_general{
	grid-row:13 / 14;
	grid-column:6 / 7;
	background-color:#5F7A80;
}


.porta_1, .porta_2, .porta_3, .porta_4, .porta_5, .porta_6, .branding_1, .branding_2, .branding_3, .branding_4, .branding_5, .analog_1, .analog_2, .analog_3, .analog_4, .analog_5, .process_1, .process_2, .process_3, .process_4{
	height:100%;
	width:100%;

	display: block;

	background-repeat:no-repeat;
	/*
	background-position:left center;
	transition: background .3s;
	text-decoration: none;
	color:#fff;
	*/
}

.porta_1:hover, .porta_2:hover, .porta_3:hover, .porta_4:hover, .porta_5:hover, .porta_6:hover, .branding_1:hover, .branding_2:hover, .branding_3:hover, .branding_4:hover, .branding_5:hover, .analog_1:hover, .analog_2:hover, .analog_3:hover, .analog_4:hover, .analog_5:hover,
.process_1:hover, .process_2:hover, .process_3:hover, .process_4:hover{

	/*background-image:url(images/empty.png);*/
	/*transition: background .3s;*/
	/*
	transition: .5s ease-out;
	transform: scale(1.02);
	transition-property: "background-image";
	*/


	/*background-color:#DC8627;*/
	background-color:#999;
	color:white;
	transition: .5s ease-out;
	transform: scale(1.02);
	transition-property: "background-color";
	background-size:calc(3vw + 3vh) , cover;

}


.porta_1:hover, .porta_5:hover, .branding_1:hover, .branding_5:hover, .analog_1:hover, .analog_5:hover, .writing_3:hover, .writing_5:hover, .process_1:hover{
		/*background:#1BC1E1;*/
}

.porta_1:hover:after,.branding_3:hover:after, .porta_5:hover:after,  .analog_1:hover:after, .analog_5:hover:after, .writing_3:hover:after, .writing_5:hover:after, .process_1:hover:after{
content:"";
color:purple;
font-size:3em;
text-decoration:none;
width:100%;
height:100%;
display:block;
background:#1BC1E1;
mix-blend-mode:color;
}

.porta_2:hover, .porta_3:hover,  .branding_3:hover, .analog_2:hover, .analog_3:hover, .writing_2:hover, .process_2:hover{
	/*background:#5F7A80;*/
}

.porta_2:hover:after, .porta_3:hover:after, .analog_2:hover:after, .analog_3:hover:after, .writing_2:hover:after, .process_2:hover:after, .branding_4:hover:after, .branding_2:hover:after{
content:"";
width:100%;
height:100%;
display:block;
background:#5F7A80;
mix-blend-mode:color;
}

.porta_4:hover, .porta_6:hover, .branding_4:hover, .branding_2:hover, .analog_4:hover, .writing_1:hover, .writing_4:hover{
	/*background:#DC8627;*/


}


.porta_4:hover:after, .porta_6:hover:after,  .analog_4:hover:after,  .writing_1:hover:after, .writing_4:hover:after, .branding_1:hover:after, .branding_5:hover:after, .process_3:hover:after, .process_4:hover:after {
/*
content:"";
width:100%;
height:100%;
display:block;
background:#DC8627;
mix-blend-mode:color;
*/

content:"";
width:100%;
height:100%;
display:block;
background:#5F7A80;
mix-blend-mode:color;
}

.porta_1{
	/*background-image:url(images/HCP_A_01_intro.jpg);*/
	background-image:url(graphics/01.svg), url(images/HCP_A_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;


}

.porta_2{
	/*background-image:url(images/Agency_A_01_intro.jpg);*/
	background-image:url(graphics/04.svg), url(images/Agency_A_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}

.porta_3{
	/*background-image:url(images/DTC_Therapeutic_01_intro.jpg);*/
	background-image:url(graphics/02.svg), url(images/DTC_Therapeutic_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}

.porta_4{
	/*background-image:url(images/Bridal_01_intro.jpg);*/
	background-image:url(graphics/03.svg), url(images/Bridal_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.porta_5{
	/*background-image:url(images/HCP_B_01_intro.jpg);*/
	background-image:url(graphics/06.svg), url(images/HCP_B_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}

.porta_6{
	/*background-image:url(images/web_obesity_intro.jpg);*/
	background-image:url(graphics/05.svg), url(images/web_obesity_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}



.branding_1{
	/*background-image:url(images/branding_01_intro.jpg);*/
	background-image:url(graphics/01.svg), url(images/branding_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}

.branding_2{
	/*background-image:url(images/branding_02_intro.jpg);*/
	background-image:url(graphics/02.svg), url(images/branding_02_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.branding_3{
	/*background-image:url(images/branding_03_intro.jpg);*/
	background-image:url(graphics/03.svg), url(images/branding_03_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.branding_4{
	/*background-image:url(images/branding_04_intro.jpg);*/
	background-image:url(graphics/04.svg), url(images/branding_04_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.branding_5{
	/*background-image:url(images/branding_05_intro.jpg);*/
	background-image:url(graphics/05.svg), url(images/branding_05_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}



.analog_1:hover, .analog_2:hover, .analog_3:hover, .analog_4:hover, .analog_5:hover{
	/*background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	transition: background .3s;*/
}




.analog_1{
	/*background-image:url(images/print_01_intro.jpg);*/
	background-image:url(graphics/01.svg), url(images/print_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.analog_2{
	/*background-image:url(images/print_02_intro.jpg);*/
	background-image:url(graphics/02.svg), url(images/print_02_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.analog_3{
	/*background-image:url(images/print_03_intro.jpg);*/
	background-image:url(graphics/03.svg), url(images/print_03_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.analog_4{
	/*background-image:url(images/print_04_intro.jpg);*/
	background-image:url(graphics/04.svg), url(images/print_04_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.analog_5{
	/*background-image:url(images/print_05_intro.jpg);*/
	background-image:url(graphics/05.svg), url(images/print_05_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.process_1{
/*background-image:url(images/process_01_intro.jpg);*/
}

.process_2{
	/*background-image:url(images/process_02_intro.jpg);*/
}

.process_3{
	/*background-image:url(images/process_03_intro.jpg);*/
}

.process_4{
	background-image:url(graphics/01.png);
		/*font-family:Montserrat;
	display:flex;
	font-weight:100;
	font-size:calc(.3em + 2vw);
	color:white;
	text-align:center;
	align-items: center;
	align-self: center;
	align-content: center;
width:100%;
	text-decoration: none;*/

}


.linktexty{
	font-family:Montserrat;
	font-weight:100;
	font-size:calc(.3em + 2vw);
	color:white;
	text-align:center;
	align-items: center;
	align-self: center;
	align-content: center;
width:100%;
	text-decoration: none;
}

/* END PORTFOLIO INTRO PAGE */
/* END PORTFOLIO INTRO PAGE */
/* END PORTFOLIO INTRO PAGE */

/* WRITING PAGE */
/* WRITING PAGE */
/* WRITING PAGE */


.textpage{
	display:grid;
	/*grid-template-rows: 3.49% 65px 85px 5.1% 65px 6.4% 3.49% 24.34% 5.6% 1.4% 5.45% 17.76% 8.85%;*/
	grid-template-rows: 3.49% 65px 85px 5.1% 65px 6.4% auto auto auto auto auto auto auto auto;
	grid-auto-rows: min-content;
	grid-template-columns: 4.36% 23.66% 19.8% 4.36% 23.66% 19.8% 4.36%; /* 100% total */
	height:100vh;
	width:100%;
	margin-bottom:10vh;
}


.writelink{
	grid-row: 4 / 5;
	grid-column: 2 / 8;
	margin:0;
	text-align: center;
	width:100%;
	height:auto;
	z-index:10;
	overflow:visible;
	text-overflow:ellipsis;

}


.article a{
	font-family: 'Montserrat', sans-serif;
	font-size:calc(1em + 2.5vw);
	font-weight:100;
	color:#DC8627;
	/*letter-spacing:2.5vw;*/
	letter-spacing:.1em;
	text-decoration:none;
	transition: background .3s;

}

.article a:hover{
	color:#1ac0e1;
}


.write_vertical_stripe{
	grid-column: 2 / 5;
	grid-row:7 / 10;
	background-color:#5F7A80;
	opacity:.06;
	mix-blend-mode:multiply;
	background-blend-mode: multiply;
	z-index:1;
}


.write_orange_float{
	grid-column: 6 / 7;
	grid-row:7 / 16;
	background-color:#DC8627;
	mix-blend-mode:multiply;
	z-index:1;
	opacity:.08;

}

.plusb{
	color:#1ac0e1;
	font-family: 'Montserrat', sans-serif;
	font-size:4vw;
	font-weight:600;
	padding-left:1vw;
	padding-right:1vw;
	padding-top:1vw;

}

/* END WRITING PAGE */
/* END WRITING PAGE */
/* END WRITING PAGE */

/* PHILOSOPHY PAGE */
/* PHILOSOPHY PAGE */
/* PHILOSOPHY PAGE */

.textcolumngrid{
	display:grid;
	grid-row-gap: 2em;
	grid-auto-rows: min-content;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-column-gap:3em;
	height:auto;
	width:91.28%;
	margin-bottom:10vh;
	margin-top:5vh;
	margin-left:4%;
	margin-right:2%;
	justify-content:center;
}

.textarea_gen{
  text-align:left;
	/*border-top: 2px solid #840404;
	padding-top:2em;*/

}

.textarea_gen:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 70%; /* Change this to whatever width you want. */
    padding-top: 2em; /* This creates some space between the element and the border. */
    border-top: 2px solid #840404; /* This creates the border. Replace black with whatever color you want. */
}

.textarea_whole{
  text-align:center;
	/*border-top: 2px solid #840404;
	padding-top:2em;*/

}

.textarea_whole:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 100%; /* Change this to whatever width you want. */
    padding-top: 2em; /* This creates some space between the element and the border. */
    border-top: 2px solid #840404; /* This creates the border. Replace black with whatever color you want. */
}


.text_highlight{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#1BC1E1;
	letter-spacing:.1vw;
	text-decoration:none;
	z-index:20;
	line-height: 1.1;
}

.text_subhighlight{
	font-size:1.5em;
}

.text_highlight{
	font-size:2em;
}

.text_subhighlight{
	font-family: 'Montserrat', sans-serif;
	font-weight:200;
	color:#5F7A80;
	letter-spacing:0;
	text-decoration:none;
	z-index:20;
}

.text_subhighlight a{
	text-decoration: none;
	color:#DC8627;
}

.text_subhighlight a:hover{
	color:#1BC1E1;
}

.cat_intro{
		display:grid;
		grid-template-rows: 31px 65px ;
		grid-template-columns: 4.36% 23.66% 4.8% 23.44% 4.47% 34.72% 4.36%; /* 99.81% total */
		height:auto;
		width:100%;
		margin-bottom:10vh;

}


/* END PHILOSOPHY PAGE */
/* END PHILOSOPHY PAGE */
/* END PHILOSOPHY PAGE */

/* EXPERIENCE PAGE */
/* EXPERIENCE PAGE */
/* EXPERIENCE PAGE */


.wordbox{
	font-family: 'Libre Baskerville', serif;
	font-size:calc(1em + 7vw);
	font-weight:100;
	letter-spacing:.4em;
	text-indent:.4em;
	margin:auto;
	text-align: center;
	opacity:.3;
	color:#BCBCBC;
}



/* END EXPERIENCE PAGE */
/* END EXPERIENCE PAGE */
/* END EXPERIENCE PAGE */

/* PROCESS PAGE */
/* PROCESS PAGE */
/* PROCESS PAGE */

.process_page_grid{
	display:grid;
	grid-template-rows: 120px 35px ;
	grid-template-columns: ;
	height:auto;
	width:100vw;
	max-width:100%;
	overflow:hidden;

}

.process_section{
	display:grid;
	grid-template-rows: 3em 20vh 3em 20vh;
	grid-template-columns: 4.36% 12% 30% 4.36% 30% 5% 4.36%;
	grid-column-gap:;
	width:100%;
	height:100vh;
}



.port_left_general{
	grid-row:2;
	grid-column: 3;
	/*background-color:#1BC1E1;*/
	background-image:linear-gradient(to top, #0e889a , #21aeca);
}

.port_right_general{
	grid-row:2;
	grid-column:5;
	background-color:#DC8627;
}

.port_bottom_general{
	grid-row:4;
	grid-column:3/6;
	background-color:#DC8627;
}

.port_bottom_left_general{
	grid-row:4;
	grid-column:3;
	/*background-color:#DC8627;*/
	background-image:linear-gradient(to top, #0e889a , #21aeca);
}

a.port_bottom_left_general{
	color:pink;
	padding-top:20px;
}

.port_bottom_right_general{
	grid-row:4;
	grid-column:5;
	background-color:#5F7A80;
}

.process_1{
/*background-image:url(images/process_01_intro.jpg);*/
background-image:url(graphics/01.svg), url(images/process_04_intro.jpg);
background-size:calc(3vw + 3vh), 0;
background-position: top left;
background-blend-mode: normal, screen;
/*mix-blend-mode:luminosity;*/
}



.process_2{
	/*background-image:url(images/process_02_intro.jpg);*/
	background-image:url(graphics/02.svg),url(images/process_02_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;

}

.process_3{
	/*background-image:url(images/process_03_intro.jpg);*/
	background-image:url(graphics/04.svg), url(images/process_03_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	background-blend-mode: normal, screen;
}

.process_4{
	background-image:url(graphics/03.svg), url(images/process_01_intro.jpg);
	background-size:calc(3vw + 3vh), 0;
	background-position: top left;
	text-decoration:none;
	color:white;
	font-family:Montserrat;
	font-weight:100;
	font-size:calc(1.3vw + 1.3vh);
	display:flex;
	display:flex;
	align-items: center;
	align-content: center;
	text-align: center;
	justify-content:center;
	background-blend-mode: normal, screen;
}





a.process_4{
	/*color:red;*/

}


.sample_descriptor{
	grid-row:auto;
	grid-column: 2 / 7;
	width:80%;
	/*background-color:#5F7A80;*/
	background-color:#fff;
	opacity:.8;
	height:70%;
	display:flex;
	justify-content: center;
  align-items: center;
	font-family: Montserrat;
	font-weight:100;
	font-size:calc(1.2vw + 1.2vh);
	letter-spacing: .3;
	color:#5F7A80;
	line-height:1.5em;
	text-align: left;
	align-items: center;
	align-content: center;
	padding:1.3em;
	margin-bottom:1em;
}

.sample_descriptor_min{
	grid-row:auto;
	grid-column: 2 / 7;
	width:80%;
	/*background-color:#5F7A80;*/
	background-color:#fff;
	opacity:.8;
	height:70%;

	font-family: Montserrat;
	font-weight:100;
	font-size:calc(1.2vw + 1.2vh);
	letter-spacing: .3;
	color:#5F7A80;
	line-height:1.5em;
	text-align: left;

	padding:1.3em;
	margin-bottom:1em;
}

.sample_descriptor a{

	color:#DC8627;
}





.process_intro{
	grid-row:4;
	grid-column: 2 / 7;
	background-color:#1BC1E1;
	z-index:40;
	opacity:.8;
	height:auto;
	display:flex;
	justify-content: center;
  align-items: center;
	font-family: Montserrat;
	font-weight: 200;
	font-size:calc(2vw + 2vh);
	letter-spacing: .2vw;
	color:#fff;
	line-height:1.3em;
	text-align: center;
	padding-left:2vw;
	padding-right:2vw;
	padding-top:1em;
	padding-bottom:1em;

}

/* END PROCESS PAGE */
/* END PROCESS PAGE */
/* END PROCESS PAGE */

/* WORK PAGE  */
/* WORK PAGE  */
/* WORK PAGE  */

.portfolio_section{
	display:grid;
	grid-template-rows: 0px 0px 5px 1% 3em 6.4% 3.49% 24.34% 5.6% 1.4% 5.45% 17.76%;
	grid-template-columns: 4.36% 23.66% 4.8% 23.44% 4.47% 34.72% 4.36%; /* 99.81% total */
	height:100vh;
	width:100%;

}



.portfolio_section_decoy{
	display:grid;
	grid-template-rows:;
	grid-template-columns: 4.36% 23.66% 4.8% 23.44% 4.47% 34.72% 4.36%; /* 99.81% total */
	height:100vh;
	width:100%;

}



.portfolio_intro_grid{
	display:grid;
	grid-template-rows: 120px 5vh;
	grid-template-columns: 4.36% 1fr 4.36%;
	height:auto;
	width:100vw;
	max-width:100%;
	overflow:hidden;
	z-index:20;

}