/* text color palette-
title: #333333 , 160pt , 50% opacity
deck: #ffffff , 68pt
PCR: #ffffff , 46pt
Live website: #ffffff , 50% opacity
sites: #ffffff , 50% opacity */

/* block color palette
background: black
portfolio & resume: #333333 , 50% opacity
contact: #333333
live websites: black
frrt: #333333 */



body{
  background-color: #fff;
}
.uppercase {
  text-transform: uppercase;
}
.center {
  text-align: center;
}
p{
  font-family: 'Montserrat', sans-serif;
}
.frrt{
  font-family: 'Montserrat', sans-serif;
  color: #333333;
}
.frrtfaded{
  font-family: 'Montserrat', sans-serif;
  color: #333333;
  opacity: 50%;
}
.inline {
  display: inline;
}
a{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
}
a:hover{
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  text-decoration: underline;
}
.imgsizer{
  width: 100%;
  height: auto;
}
.arrow{
  width: 5%;
  padding-bottom: 80px;
}
.deck{
  color: #ffffff;
  font-size: 20pt;
}
.deckcol{
  padding: 1%;
  margin-top: .5%;
  margin-bottom: -7.25%;
  margin-left: .5%;
  margin-right: .5%;
  flex-grow: 1;
  background-color: #000;
}
.pcr{
  color: #fff;
  font-size: 25pt;
  padding-top: 15%;
  padding-bottom: 15%;
}
.pcrcolleft{
  padding: 1%;
  margin-right: 3%;
  margin-left: 4.5%;
  margin-top: 3%;
  margin-bottom: 3%;
  flex-grow: 1;
  background-color: rgba(51, 51, 51, 0.5);
}
.pcrcolmiddle{
  padding: 1%;
  margin: 3%;
  flex-grow: 1;
  background-color: #333;
}
.pcrcolright{
  padding: 1%;
  margin: 3%;
  flex-grow: 1;
  background-color: rgba(51, 51, 51, 0.5);
}
.pcronethird{
  flex-grow: 0;
  width: 25%;
}
.frrtonehalf{
  flex-grow: 0;
  width: 25%;
}
.livewebsite{
  color: rgba(256, 256, 256, 0.5);
  font-size: 18pt;
}
.collw {
  padding: 1%;
  margin: .5%;
  flex-grow: 1;
  background-color: #000;
}
.emptybox{
margin: inherit;
margin-top: 40px;
margin-bottom: 10px;
}
.sites{
  color: rgba(256, 256, 256, 0.5);
  font-size: 18pt;
}

h1{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.5);
  font-size: 60pt;
}
.contactpadding{
  writing-mode: vertical-rl;
  margin-left: 15px;
  padding-top: 155px;
  /* writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl; */
}
.square{
  height: 300px;
  width: 300px;
}
.portfoliopadding{
  padding-bottom: 50px;
  padding-left: 110px;
  margin-top: 7px;
}
.phone{
  height: 15%;
  width: auto;
  padding-left: 41%;
}
.colportfoliopadding{
  padding-right: 10px;
  margin: .5%;
  flex-grow: 1;
  background-color: yellow;
}
.resumepadding{
  padding-top: 210px;
  padding-right: 120px;
}
.colresumepadding{
  padding-left: 10px;
  margin: .5%;
  flex-grow: 1;
  background-color: yellow;
}
.bottomtextcol{
  /* background-color: brown; */
  padding: 1%;
  margin: .5%;
  flex-grow: 1;
}
.row{
	display: flex;
	flex-wrap: wrap;
	/* background-color: green; */
}
.rowwhite{
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
}
.rowblack{
	display: flex;
	flex-wrap: wrap;
	background-color: #000;
}
.lastrowblack{
  height: 315px;
	display: flex;
	flex-wrap: wrap;
	background-color: #000;
}
.col{
	padding: 1%;
	margin: .5%;
	flex-grow: 1;
	background-color: #fff;
}
.colgreyleft{
  padding: 3.15%;
  margin-left: 3%;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  margin-right: 1%;
  flex-grow: 1;
  background-color: ;
}
.colgreyright{
  padding: 3.15%;
  margin-right: 3%;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
  margin-left: 1%;
  flex-grow: 1;
  background-color: ;
}
.colgreyleftnopad{
  flex-grow: 1;
  background-color: ;
}
.colgreyrightnopad{
  flex-grow: 1;
  background-color: ;
}
.colgreyfull {
    /* padding: 3.15%; */
    /* margin-left: 3%; */
    margin-top: 1.5%;
    /* margin-bottom: 1.5%; */
    /* margin-right: 1%; */
    flex-grow: 1;
  }
.colmargin{
  padding: 1%;
  margin: .5%;
  flex-grow: 1;
  background-color: orange;
}
.container{
	max-width: 1448px;
	margin: 0px auto;
  background-color: #fff;
}
.smallcontainer{
  max-width: 1240px;
  margin: 0px auto;
  background-color: #fff;
}
.pcrcontainer{
  max-width: 1240px;
  margin: 0px auto;
  background-color: #fff;
}
.onetwelth{
  flex-grow: 0;
  width: 4.333%;
}
.onesixth{
  flex-grow: 0;
  width: 12.666%
}
.onefourth{
  flex-grow: 0;
  width: 21%;
}
.onethird{
  flex-grow: 0;
  width: 30.333%;
}
.fivetwelth{
  flex-grow: 0;
  width: 37.666%;
}
.onehalf{
  flex-grow: 0;
  width: 46.666%
}
.seventwelth{
  flex-grow: 0;
  width: 54.333%;
}
.foursixth{
  flex-grow: 0;
  width: 62.666%
}
.threefourth{
  flex-grow: 0;
  width: 71%;
}
.fivesixth{
  flex-grow: 0;
  width: 79.333%;
}
.eleventwelth{
  flex-grow: 0;
  width: 87.666%;
}