@font-face {
    font-family: 'druk_textmedium';
    src: url('../fonts/druktext-medium-webfont.woff2') format('woff2'),
         url('../fonts/druktext-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circularbold';
    src: url('../fonts/circular-bold-webfont.woff2') format('woff2'),
         url('../fonts/circular-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar{
  display:none;
}

#topLeftCoverPanel{
  background-color:rgba(255,255,255,1);
  position:fixed;
  left:0px;
  height:100vh;
  z-index:99999;
}

a{
	color:rgba(0,0,0,1);
	text-decoration:none;
	font-size:20px;
	font-family:druk_textmedium, sans-serif;
	text-transform:uppercase;
  transition:color .5s;
}

h1{
	font-size:50px;
	font-family:circularbold, sans-serif;
	color:rgba(255,255,255,0);
  transition:color .5s;
}

h2{
	font-size:20px;
	font-family:druk_textmedium, sans-serif;
	text-transform:uppercase;
	line-height:35px;
  transition:color .5s;
}

h3{
	font-size:26px;
	font-family:druk_textmedium, sans-serif;
	text-transform:uppercase;
  transition:color .5s;
}

h4{
	font-size:45px;
	font-family:druk_textmedium, sans-serif;
	text-transform:uppercase;
  transition:color .5s;
}

h5{
	font-size:16px;
	font-family:circularbold, sans-serif;
  line-height:20px;
  transition:color .5s;
}

h6{
	font-size:12px;
	font-family:circularbold, sans-serif;
  line-height:32px;
  letter-spacing:.05em;
  transition:color .5s;
}

body{
	font-size:16px;
	font-family:circularbold, sans-serif;
  color:rgba(0,0,0,.5);
  transition:color .5s;
}

h4, h5, h6{
  margin-bottom:16px;
}

h3{
  margin-bottom:20px;
}

.lowercaseX{
  text-transform:lowercase;
}

.collabWebsite{
	font-size:16px;
	font-family:circularbold, sans-serif;
  line-height:20px;
  text-transform:none;
  text-decoration:underline;
}

#leftPanel{
	/* background-color:rgba(255,0,255,.25); */
	position:fixed;
	left:0px;
	top:0px;
	width:40%;
	height:100%;
  transition: background-color .5s;
}

#logo{
	/* background-color:rgba(255,255,0,.5); */
	/* background-image:url(../images/NicoleJuzaLogo.svg); */
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;
}

#nicoleSVGLogo{
  fill:rgba(0,0,0,1);
  position:absolute;
  /* background-color:rgba(255,0,0,.5); */
  transition:fill .5s;
}

#designerSeattle{
  margin-top:-10px;
}

#homeButton{
	/* background-color:rgba(255,0,255,.5); */
	position:absolute;
	top:10%;
	left:8%;
}

#middleText{
	position:absolute;
	left:8%;
	/* background-color:rgba(0,255,255,.5); */
	top:50%;
	height:102px;
	margin-top:-51px;
}

.contactLinks{
	display:block;
}

#socialLinks{
	position:absolute;
	bottom:10%;
	left:8%;
	line-height:35px;
	/* background-color:rgba(255,0,255,.5); */
	width:230px;
}

#socialLinks a{
	padding-right:15px;
}

#rightPanel{
	/* background-color:rgba(255,255,0,.25); */
	position:fixed;
	overflow-y:scroll;
	overflow-x:hidden;
	right:0px;
	top:0px;
	width:60%;
	height:100%;
}

.workBlock{
	width:30vw;
	height:30vw;
	/* background-color:rgba(0,0,0,.25); */
	position:relative;
	float:left;
}

.rightWorkPanel{
	background-color:rgba(255,255,255,1);
	position:fixed;
	right:0px;
	top:0px;
	width:60%;
	height:100%;
  display:none;
}

.workNavigation{
  position:fixed;
  bottom:10%;
	left:3.2vw;
  width:33.6vw;
  line-height:32px;
  display:block;
}

.nextNav{
  position:absolute;
  right:0px;
}

.previousNav{
  position:absolute;
  left:0px;
}

#backToTop{
  display:none;
}

#upArrow{
  display:none;
}

.middleTextBlock{
  width:30vw;
  position:fixed;
  left:3.25%;
  /* background-color:rgba(0,255,255,.5); */
  top:50%;
  margin-top:-100px;
}

.rightWorkPanel{
  overflow-y: scroll;
  overflow-x: hidden;
}

/* WORK BLOCKS -----------------------------------------------------------------------------------------------*/

#johnsonFinancialGroup{
	background-color:#C5E1E7;
	background-image:url(../images/JohnsonFinancialGroupCover-01.jpg);
	background-size:cover;
	background-position:center;
  background-repeat:no-repeat;
}

#fishwifeShoot{
	background-color:#73C3F5;
	background-image:url(../images/FishwifeCoverPhoto.jpg);
	background-size:cover;
	background-position:center;
  background-repeat:no-repeat;
}

#vizzyOCP{
	background-color:#ff6b00;
	background-image:url(../images/vizzyOCPCover.svg);
	background-size:cover;
	background-position:center;
  background-repeat:no-repeat;
}

#nectarFrozenLocal{
	background-color:#cf423e;
	background-image:url(../images/NectarFrozenLocal_Cover.svg);
	background-size:56%;
	background-position:center;
  background-repeat:no-repeat;
}

#plantersNutmobar{
	background-color:#243746;
	background-image:url(../images/PlantersNutmobar1.svg);
	background-size:47%;
	background-position:center;
  background-repeat:no-repeat;
}

#heftySnackScarf{
	background-color:#0055a4;
	background-image:url(../images/HeftyScarf1.jpg);
	background-size:90%;
	background-position:center;
  background-repeat:no-repeat;
}

#seattlePirates{
	background-color:rgba(0,0,0,1);
	background-image:url(../images/SeattlePirates_Logo.png);
	background-size:contain;
	background-position:center;
}

#blueMoonPiePints{
	background-color:#071d49;
	background-image:url(../images/BlueMoonLogo.png);
	background-size:contain;
	background-position:center;
}

#fridayHealthPlans{
	background-color:rgba(0,0,0,.05);
  background-image:url(../images/FridayHealthPlansIcons.gif);
	background-size:cover;
	background-position:center;
  background-repeat:no-repeat;
}

#creativeHandbook{
	background-color:#ffc628;
	background-image:url(../images/CreativeHandbook_Cover.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#icfnextHolidayCard2021{
	background-color:#0785f2;
	background-image:url(../images/Jello.gif);
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
}

#nectarBakery{
	background-color:#05163d;
	background-image:url(../images/NectarLogo.png);
	background-size:contain;
	background-position:center;
}

#holidayCookieBracket{
	background-color:#b2ffae;
	background-image:url(../images/MintChocolatePinwheelCookie.png);
	background-size:60%;
	background-position:center;
	background-repeat:no-repeat;
}

#seniorShow{
	background-color:rgba(230,230,230,1);
}

#seniorShowPosterGif{
	background-image:url(../images/SeniorShowPostersGif.gif);
	background-size:85%;
	background-position:center;
	background-repeat:no-repeat;
	height:inherit;
	mix-blend-mode: multiply;
}

#moveInVideo{
	background-color:#d5edff;
	background-image:url(../images/MoveInVideo_Car.png);
	background-size:105%;
	background-position:center;
	background-repeat:no-repeat;
}

#teenTakeover{
	background-color:#ffd2fa;
	background-image:url(../images/WalkerIcons.gif);
	background-size:71%;
	background-position:center;
	background-repeat:no-repeat;
	mix-blend-mode: multiply;
}

#hersheysBook{
	background-color:rgba(255,255,255,1);
	background-image:url(../images/HersheysAnnualReport.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#screenPrintingPoster{
	background-color:rgba(240,246,255,1);
}

#screenPrintingTypefaceGif{
	background-image:url(../images/ScreenPrintingTypefaceAnimation.gif);
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
	height:inherit;
	mix-blend-mode: multiply;
}

#blackSwan{
	background-color:rgba(0,0,0,1);
	background-image:url(../images/BlackSwanCoverSnipet.gif);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#bbcEarth{
	background-color:#5b61a7;
	background-color:rgba(0,0,0,1);
	background-image:url(../images/BBCEarthCoverSnipet.gif);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#brooklynSodaWorks{
	background-color:rgba(255,255,255,1);
	background-image:url(../images/BrooklynSodaWorksRebrand.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

/* END WORK BLOCKS -----------------------------------------------------------------------------------------*/

/* WORK GALLERY Universal Styling -----------------------------------------------------------------------------------------*/

.galleryPiece{
  margin-bottom:5vh;
  position:relative;
  float:left;
  background-position: center;
  background-size:cover;
  background-repeat:no-repeat;
}

.firstGalleryPiece{

}

#JFG1{
  background-image:url(../images/JohnsonFinancialGroupCover-02.jpg);
}

#JFG2{
  background-image:url(../images/JFG_CampaignGuidelines3.jpg);
}

#JFG3{
  background-image:url(../images/JFG_CampaignGuidelines4.jpg);
}

#JFG4{
  background-image:url(../images/JFG_CampaignGuidelines5.jpg);
}

#JFG5{
  background-image:url(../images/JFG_CampaignGuidelines6.jpg);
}

#JFG6{
  background-image:url(../images/JFG_CampaignGuidelines7.jpg);
}

#JFG7{
  background-image:url(../images/JFG_CampaignGuidelines8.jpg);
}

#JFG8{
  background-image:url(../images/JFG_CampaignGuidelines9.jpg);
}

#JFG9{
  background-image:url(../images/JFG_CampaignGuidelines10.jpg);
}

#JFG10{
  background-image:url(../images/JFG_CampaignGuidelines11.jpg);
}

#JFG11{
  background-image:url(../images/JFGCampaign2_Print1.png);
}

#JFG12{
  background-image:url(../images/JFGCampaign2_Print2.png);
}

#JFG13{
  background-image:url(../images/JFGCampaign2_DOOH1.png);
}

#JFG14{
  background-image:url(../images/JFGCampaign2_DOOH2.png);
}

#JFG15{
  background-image:url(../images/JFGCampaign2_Social.png);
}

#KLFS1{
  background-image:url(../images/FishwifeKeyImage.png);
}

#KLFS2{
  background-image:url(../images/FishwifePhotoshootSketches-01.svg);
}

#KLFS3{
  background-image:url(../images/FishwifePhotoshoot2.jpg);
}

#KLFS4{
  background-image:url(../images/FishwifePhotoshoot3.jpg);
}

#KLFS5{
  background-image:url(../images/FishwifePhotoshoot4.jpg);
}

#KLFS6{
  background-image:url(../images/FishwifePhotoshootSketches-02.svg);
}

#KLFS7{
  background-image:url(../images/FishwifePhotoshoot5.jpg);
}

#KLFS8{
  background-image:url(../images/FishwifePhotoshootSketches-03.svg);
}

#KLFS9{
  background-image:url(../images/FishwifePhotoshoot6.jpg);
}

#KLFS10{
  background-image:url(../images/FishwifePhotoshootSketches-04.svg);
}

#KLFS11{
  background-image:url(../images/FishwifePhotoshoot7.jpg);
}

#KLFS12{
  background-image:url(../images/FishwifePhotoshoot8.jpg);
}

#KLFS13{
  background-image:url(../images/FishwifePhotoshoot9.jpg);
}

#VOCP1{
  background-image:url(../images/VizzyOCP14.jpg);
  background-size:cover;
  background-color:#ff6b00;
  background-size:115%;
}

#VOCP2{
  background-image:url(../images/VizzyOCPPopVersions.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP3{
  background-image:url(../images/VizzyOCPBoxVersions.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP4{
  background-image:url(../images/VizzyOCPWebsite.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP5{
  background-image:url(../images/VizzyOCP1.jpg);
  background-size:cover;
  background-color:#ff6b00;
  background-position:top;
}

#VOCP6{
  background-image:url(../images/VizzyOCP3.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP7{
  background-image:url(../images/VizzyOCP4.jpg);
  background-size:cover;
  background-color:#ff6b00;
  background-position:top;
}

#VOCP8{
  background-image:url(../images/VizzyOCP2.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP9{
  background-image:url(../images/VizzyOCP6.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP10{
  background-image:url(../images/VizzyOCP12.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP11{
  background-image:url(../images/VizzyOCP9.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP12{
  background-image:url(../images/VizzyOCP10.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP13{
  background-image:url(../images/VizzyOCP5.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#VOCP14{
  background-image:url(../images/VizzyOCP8.jpg);
  background-size:cover;
  background-color:#ff6b00;
}

#NFLC1{
  background-color:#cf423e;
  background-image:url(../images/NectarFrozenLocal_Cover.svg);
  background-size:40%;
}

#NFLC2{
  background-color:#cf423e;
  background-image:url(../images/NectarFrozenLocal1.jpg);
}

#NFLC3{
  background-color:#cf423e;
  background-image:url(../images/NectarFrozenLocal2.jpg);
}

#NFLC4{
  background-color:#cf423e;
  background-image:url(../images/NectarFrozenLocal3.jpg);
}

#NFLC5{
  background-color:#cf423e;
  background-image:url(../images/NectarFrozenLocal_Image.jpg);
}

#MHLPN1{
  background-color:#243746;
  background-image:url(../images/PlantersNutmobar_Photograph.jpg);
  background-position:center;
  background-size:cover;
  background-size:110%;
}

#MHLPN2{
  background-color:#f1efd9;
  background-image:url(../images/PlantersNutmobar2.svg);
  background-position:center;
  background-size:contain;
}

#MHLPN3{
  background-color:#243746;
  background-image:url(../images/PlantersNutmobar3.jpg);
  background-position:center;
  background-size:cover;
}

#MHLPN4{
  background-color:#243746;
  background-image:url(../images/PlantersNutmobar4.jpg);
  background-position:center;
  background-size:cover;
}

#MHLPN5{
  background-color:#243746;
  background-image:url(../images/PlantersNutmobar5.jpg);
  background-position:center;
  background-size:cover;
}

#HSS1{
  background-color:#0055a4;
  background-image:url(../images/HeftyScarf1.jpg);
}

#HSS2{
  background-color:#0055a4;
  background-image:url(../images/ScarfShootSketches_SceneMoodBoard.jpg);
}

#HSS3{
  background-color:#0055a4;
  background-image:url(../images/ScarfShootSketches_WideOverhead.jpg);
}

#HSS4{
  background-color:#0055a4;
  background-image:url(../images/ScarfShootSketches_TightOverhead.jpg);
}

#HSS5{
  background-color:#0055a4;
  background-image:url(../images/hefty_microsite_Scarf.jpg);
}

#SPFC1{
  background-image:url(../images/SeattlePirates_Logo.png);
  background-size:contain;
  background-color:rgba(0,0,0,1);
}

#SPFC2{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates3.jpg);
  background-size:95%;
}

#SPFC3{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates4.jpg);
  background-size:90%;
}

#SPFC4{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates5.jpg);
}

#SPFC5{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates1.jpg);
}

#SPFC6{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates2.jpg);
}

#SPFC7{
  background-color:rgba(0,0,0,1);
  background-image:url(../images/SeattlePirates6.jpg);
}

#BMPP1{
  background-image:url(../images/BlueMoonLogo.png);
  background-size:contain;
  background-color:#071d49;
}

#BMPP2{
  background-image:url(../images/BlueMoonPiePints1.jpg);
  background-color:#071d49;
  background-size:cover;
}

#BMPP3{
  background-image:url(../images/BlueMoonPiePints2.png);
  background-size:contain;
}

#BMPP4{
  background-image:url(../images/BlueMoonPiePints3.png);
  background-size:contain;
}

#BMPP5{
  background-image:url(../images/BlueMoonPiePints4.png);
  background-size:contain;
}

#BMPP6{
  background-image:url(../images/BlueMoonPiePints5.png);
  background-size:contain;
}

#BMPP7{
  background-image:url(../images/BlueMoonPiePints6.png);
  background-size:contain;
}

#BMPP8{
  background-image:url(../images/BlueMoonPiePints7.png);
  background-size:contain;
}

#BMPP9{
  background-image:url(../images/BlueMoonPiePints8.jpg);
  background-size:cover;
  background-color:#071d49;
}

#BMPP10{
  background-image:url(../images/BlueMoonPiePints9.jpg);
  background-size:cover;
  background-color:#071d49;
}

#BMPP11{
  background-image:url(../images/BlueMoonPiePints10.jpg);
  background-size:cover;
  background-color:#071d49;
}

#BMPP12{
  background-image:url(../images/BlueMoonPiePints17.png);
  background-size:contain;
  border-radius:300vw;
}

#BMPP13{
  background-image:url(../images/BlueMoonPiePints11.png);
  background-size:contain;
}

#BMPP14{
  background-image:url(../images/BlueMoonPiePints12.png);
  background-size:contain;
}


#BMPP15{
  background-image:url(../images/BlueMoonPiePints13.png);
  background-size:contain;
}


#BMPP16{
  background-image:url(../images/BlueMoonPiePints14.png);
  background-size:contain;
}

#BMPP17{
  background-image:url(../images/BlueMoonPiePints15.png);
  background-size:contain;
}

#BMPP18{
  background-image:url(../images/BlueMoonPiePints16.png);
  background-size:contain;
}

#FHP1{
  background-image:url(../images/FridayHealthPlansIcons.gif);
  background-size:contain;
  background-color:#f2f2f2;
}

#FHP2{
  background-image:url(../images/FridayHealthPlans_ColorsType.jpg);
  background-size:110%;
  background-color:#f2f2f2;
}

#FHP3{
  background-image:url(../images/FHP_LargeTeasers.gif);
  background-size:contain;
  background-color:rgba(255,255,255,0);
}

#FHP4{
  background-image:url(../images/FridayHealthPlans_Teasers.jpg);
  background-color:#f2f2f2;
}

#FHP5{
  background-image:url(../images/FHP_Dividers.gif);
  background-size:contain;
  background-color:rgba(255,255,255,0);
}

#FHP6{
  background-image:url(../images/FridayHealthPlans_HeadersSeparaters.jpg);
  background-color:#f2f2f2;
}

#FHP7{
  background-image:url(../images/FHP_Icons.gif);
  background-size:contain;
  background-color:rgba(255,255,255,0);
}

#FHP8{
  background-image:url(../images/FridayHealthPlans_LogoIcons.jpg);
  background-color:#f2f2f2;
}

#FHP9{
  background-image:url(../images/FridayHealthPlans_Cards.png);
  background-color:rgba(255,255,255,0);
  background-size:contain;
}

#FHP10{
  background-image:url(../images/FridayHealthPlans_Navigation.jpg);
  background-color:#f2f2f2;
}

#FHP11{
  background-image:url(../images/FridayHealthPlans_Sliders.png);
  background-color:rgba(255,255,255,0);
  background-size:contain;
}

#FHP12{
  background-image:url(../images/FridayHealthPlans_Buttons.jpg);
  background-color:#f2f2f2;
}


#FHP13{
  background-image:url(../images/FridayHealthPlans_Download.jpg);
  background-color:#f2f2f2;
}

#FHP14{
  background-image:url(../images/FridayHealthPlans_FooterModal.jpg);
  background-color:#f2f2f2;
}

#FHP15{
  background-image:url(../images/FHP_Dividers.gif);
  background-size:contain;
  background-color:rgba(255,255,255,0);
}

#ICFNCH1{
  background-image:url(../images/CreativeHandbook_Cover.jpg);
  background-size:contain;
  background-color:#ffe330;
}

#ICFNCH2{
  background-image:url(../images/CreativeHandbook1.jpg);
  background-color:#ffe330;
}

#ICFNCH3{
  background-image:url(../images/CreativeHandbook2.gif);
  background-color:#ffe330;
}

#ICFNCH4{
  background-image:url(../images/CreativeHandbook3.jpg);
  background-color:#ffe330;
}

#ICFNCH5{
  background-image:url(../images/CreativeHandbook4.gif);
  background-color:#ffe330;
}

#ICFNCH6{
  background-image:url(../images/CreativeHandbook5.gif);
  background-color:#ffe330;
}

#ICFNCH7{
  background-image:url(../images/CreativeHandbook6.jpg);
  background-color:#ffe330;
}

#ICFNHC1{
  background-image:url(../images/HolidayCard1.jpg);
  background-color:#0785f2;
}

#ICFNHC2{
  background-image:url(../images/HolidayCard_AllGifs.gif);
  background-color:#0785f2;
}

#ICFNHC3{
  background-image:url(../images/HolidayCard_Pitch.jpg);
  background-color:#0785f2;
}

#ICFNHC4{
  background-image:url(../images/HolidayCard_Jello.gif);
  background-color:rgba(255,255,255,0);
}

#ICFNHC5{
  background-image:url(../images/HolidayCard4.jpg);
  background-color:#0785f2;
}

#ICFNHC6{
  background-image:url(../images/HolidayCard5.jpg);
  background-color:#0785f2;
}

#ICFNHC7{
  background-image:url(../images/HolidayCard6.jpg);
  background-color:#0785f2;
}

#ICFNHC8{
  background-image:url(../images/HolidayCard7.png);
  background-color:#0785f2;
}

#ICFNHC9{
  background-image:url(../images/HolidayCard8.gif);
  background-color:#0785f2;
}

#ICFNHC10{
  background-image:url(../images/HolidayCard_Dumpling.gif);
  background-color:rgba(255,255,255,0);
}

#NBSG1{
  background-image:url(../images/NectarLogoPrint.jpg);
  background-color:#09173b;
}

#NBSG2{
  background-image:url(../images/NectarBakeryBox.jpg);
  background-color:#09173b;
}

#NBSG3{
  background-image:url(../images/NectarBakeryBags.jpg);
  background-color:#09173b;
}

#NBSG4{
  background-image:url(../images/NectarBakeryCookies.jpg);
  background-color:#09173b;
}

#NBSG5{
  background-image:url(../images/NectarBakeryBusinessCards.jpg);
  background-color:#09173b;
}

#NBSG6{
  background-image:url(../images/NectarBakeryWebsite.jpg);
  background-color:#09173b;
}

#NBSG7{
  background-image:url(../images/NectarBakeryAFrameSign.JPG);
  background-color:#09173b;
}

#NBSG8{
  background-image:url(../images/NectarBakery_GranolaBags.jpg);
  background-color:#09173b;
}

#GDIMSS1{
  background-color:rgba(0,0,0,.2);
}

#seniorShowCoverGif{
  background-image:url(../images/SeniorShowPostersGif.gif);
  background-size:65%;
  background-position:center;
  background-repeat:no-repeat;
  height:inherit;
  mix-blend-mode: multiply;
}

#GDIMSS2{
  background-image:url(../images/SeniorShowPoster1.png);
  background-color:rgba(255,255,255,0);
}

#GDIMSS3{
  background-image:url(../images/SeniorShowPoster2.jpg);
  background-color:rgba(0,0,0,.2);
}

#GDIMSS4{
  background-image:url(../images/SeniorShowPoster3.jpg);
  background-color:rgba(0,0,0,.2);
}

#GDIMSS5{
  background-image:url(../images/SeniorShowPoster4.jpg);
  background-color:rgba(0,0,0,.2);
}

#GDIMSS6{
  background-image:url(../images/SeniorShowPoster5.jpg);
  background-color:rgba(0,0,0,.2);
}

#GDIMSS7{
  background-image:url(../images/SeniorShowPoster6.jpg);
  background-color:rgba(0,0,0,.2);
}

#GDIMSS8{
  background-image:url(../images/SeniorShowPoster7.JPG);
  background-color:rgba(0,0,0,.2);
}

#SMIV1{
  background-image:url(../images/MoveInVideo.jpg);
  background-color:#d5ecff;
}

#SMIV2{
  background-image:url(../images/MoveInVideo1.jpg);
  background-color:#d5ecff;
}

#SMIV3{
  background-image:url(../images/MoveInVideo2.jpg);
  background-color:#d5ecff;
}

#SMIV4{
  background-image:url(../images/MoveInVideo3.jpg);
  background-color:#d5ecff;
}

#SMIV5{
  background-image:url(../images/MoveInVideo4.jpg);
  background-color:#d5ecff;
}

#SMIV6{
  background-image:url(../images/MoveInVideo5.jpg);
  background-color:#d5ecff;
}

#SMIV7{
  background-image:url(../images/MoveInVideo6.jpg);
  background-color:#d5ecff;
}

#SMIV8{
  background-image:url(../images/MoveInVideo7.jpg);
  background-color:#d5ecff;
}

#SMIV9{
  background-image:url(../images/MoveInVideo8.jpg);
  background-color:#d5ecff;
}

#SMIV10{
  background-image:url(../images/MoveInVideo9.jpg);
  background-color:#d5ecff;
}

#TTO1{
  background-image:url(../images/WalkerIcons.gif);
  background-size:40%;
  background-color:#ffd2fa;
}

#TTO2{
  background-color:#ffd2fa;
}

#TTO3{
  background-image:url(../images/TeenTakeover_baloon.gif);
  background-color:rgba(255,255,255,0);
}

#TTO4{
  background-image:url(../images/TeenTakeover_cookie.gif);
  background-color:rgba(255,255,255,0);
}

#TTO5{
  background-color:rgba(255,255,255,0);
}

#TTO6{
  background-image:url(../images/TeenTakeover_sauce.gif);
  background-color:rgba(255,255,255,0);
}

#TTO7{
  background-image:url(../images/TeenTakeover_donut.gif);
  background-color:rgba(255,255,255,0);
}

#TTO8{
  background-image:url(../images/TeenTakeover_FBPost.gif);
  background-color:#ffd2fa;
}

#TTO9{
  background-image:url(../images/TeenTakeover_InstaStickers.jpg);
  background-color:#ffd2fa;
  background-position:top;
}

#HAP1{
  background-image:url(../images/HersheysAnnualReport0.jpg);
  background-color:#ed4f84;
}

#HAP2{
  background-image:url(../images/HersheysAnnualReport1.jpg);
  background-color:#ed4f84;
}

#HAP3{
  background-image:url(../images/HersheysAnnualReport2.jpg);
  background-color:#ed4f84;
}

#HAP4{
  background-image:url(../images/HersheysAnnualReport3.jpg);
  background-color:#ed4f84;
}

#HAP5{
  background-image:url(../images/HersheysAnnualReport4.jpg);
  background-color:#ed4f84;
}

#HAP6{
  background-image:url(../images/HersheysAnnualReport5.jpg);
  background-color:#ed4f84;
}

#HAP7{
  background-image:url(../images/HersheysAnnualReport6.jpg);
  background-color:#ed4f84;
}

#HAP8{
  background-image:url(../images/HersheysAnnualReport7.jpg);
  background-color:#ed4f84;
}

#HAP9{
  background-image:url(../images/HersheysAnnualReport8.jpg);
  background-color:#ed4f84;
}

#HAP10{
  background-image:url(../images/HersheysAnnualReport9.jpg);
  background-color:#ed4f84;
}

#HAP11{
  background-image:url(../images/HersheysAnnualReport10.jpg);
  background-color:#ed4f84;
}

#HAP12{
  background-image:url(../images/HersheysAnnualReport11.jpg);
  background-color:#ed4f84;
}

#HAP13{
  background-image:url(../images/HersheysAnnualReport12.jpg);
  background-color:#ed4f84;
}

#HAP14{
  background-image:url(../images/HersheysAnnualReport13.jpg);
  background-color:#ed4f84;
}

#HAP15{
  background-image:url(../images/HersheysAnnualReport14.jpg);
  background-color:#ed4f84;
}

#HAP16{
  background-image:url(../images/HersheysAnnualReport15.jpg);
  background-color:#ed4f84;
}

#HAP17{
  background-image:url(../images/HersheysAnnualReport16.jpg);
  background-color:#ed4f84;
}

#HAP18{
  background-image:url(../images/HersheysAnnualReport17.jpg);
  background-color:#ed4f84;
}

#HAP19{
  background-image:url(../images/HersheysAnnualReport18.jpg);
  background-color:#ed4f84;
}

#HAP20{
  background-image:url(../images/HersheysAnnualReport19.jpg);
  background-color:#ed4f84;
}

#HAP21{
  background-image:url(../images/HersheysAnnualReport20.jpg);
  background-color:#ed4f84;
}

#HAP22{
  background-image:url(../images/HersheysAnnualReport21.jpg);
  background-color:#ed4f84;
}

#HAP23{
  background-image:url(../images/HersheysAnnualReport22.jpg);
  background-color:#ed4f84;
}

#SPTF1{
  background-image:url(../images/ScreenPrintingTypeface1.jpg);
  background-color:#fff92c;
}

#SPTF2{
  background-image:url(../images/ScreenPrintingTypeface2.jpg);
  background-color:#fff92c;
}

#SPTF3{
  background-image:url(../images/ScreenPrintingTypeface3.jpg);
  background-color:#fff92c;
}

#SPTF4{
  background-image:url(../images/ScreenPrintingTypeface4.jpg);
  background-color:#fff92c;
}

#SPTF5{
  background-image:url(../images/ScreenPrintingTypeface5.jpg);
  background-color:#fff92c;
}

#BSTS1{
  background-color:rgba(0,0,0,1);
}

#BSTS2{
  background-image:url(../images/BlackSwanTitleSequence1.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS3{
  background-image:url(../images/BlackSwanTitleSequence2.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS4{
  background-image:url(../images/BlackSwanTitleSequence3.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS5{
  background-image:url(../images/BlackSwanTitleSequence4.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS6{
  background-image:url(../images/BlackSwanTitleSequence5.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS7{
  background-image:url(../images/BlackSwanTitleSequence6.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS8{
  background-image:url(../images/BlackSwanTitleSequence7.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS9{
  background-image:url(../images/BlackSwanTitleSequence8.jpg);
  background-color:rgba(0,0,0,1);
}

#BSTS10{
  background-image:url(../images/BlackSwanTitleSequence9.jpg);
  background-color:rgba(0,0,0,1);
}

#BBCEB1{
  background-color:#565da3;
}

#BBCEB2{
  background-image:url(../images/BBCEarthBumber1.jpg);
  background-color:#565da3;
}

#BBCEB3{
  background-image:url(../images/BBCEarthBumber2.jpg);
  background-color:#565da3;
}

#BBCEB4{
  background-image:url(../images/BBCEarthBumber3.jpg);
  background-color:#565da3;
}

#BBCEB5{
  background-image:url(../images/BBCEarthBumber4.jpg);
  background-color:#565da3;
}

#BBCEB6{
  background-image:url(../images/BBCEarthBumber5.jpg);
  background-color:#565da3;
}

#BBCEB7{
  background-image:url(../images/BBCEarthBumber6.jpg);
  background-color:#565da3;
}

#BSWR1{
  background-image:url(../images/BrooklynSodaWorksRebrand1.jpg);
  background-color:#d33344;
}

#BSWR2{
  background-image:url(../images/BrooklynSodaWorks2.jpg);
  background-color:#d33344;
}

#BSWR3{
  background-image:url(../images/BrooklynSodaWorks3.jpg);
  background-color:#d33344;
}

#BSWR4{
  background-image:url(../images/BrooklynSodaWorks4.jpg);
  background-color:#d33344;
}

#BSWR5{
  background-image:url(../images/BrooklynSodaWorks5.jpg);
  background-color:#d33344;
}

#BSWR6{
  background-image:url(../images/BrooklynSodaWorks6.jpg);
  background-color:#d33344;
}

#BSWR7{
  background-image:url(../images/BrooklynSodaWorks7.jpg);
  background-color:#d33344;
}

#BSWR8{
  background-image:url(../images/BrooklynSodaWorks8.jpg);
  background-color:#d33344;
}

#BSWR9{
  background-image:url(../images/BrooklynSodaWorks9.jpg);
  background-color:#d33344;
}

#BSWR10{
  background-image:url(../images/BrooklynSodaWorks10.jpg);
  background-color:#d33344;
}

#mobileLogo{
  display:none;
}

/* smallest ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:700px){

	#rightPanel{
		width:100%;
	}

	.workBlock{
		width:50vw;
		height:50vw;
		/* background-color:rgba(0,0,0,.25); */
		position:relative;
		float:left;
	}

  .rightWorkPanel{
    width:100%;
  }

  .galleryPiece{
    width:80vw;
    margin-left:10vw;
  }

  .firstGalleryPiece{
    margin-top:9vh;
    width:90vw;
    height:50.625vw;
    margin-left:5vw;
  }

  #mobileLogo{
    position:fixed;
    width:50px;
    height:50px;
    left:5vw;
    top:15px;
    display:block;
  }

  #mobileSVGLogo{
    fill:rgba(100,100,100,.9);
    mix-blend-mode:lighten;
  }

/* -------------------- small image gallery -------------------- */

  .galleryPiece{
    width:90vw;
    height:50.625vw;
    margin-left:5vw;
    background-size:cover;
    margin-bottom:100px;
  }

  .firstGalleryPiece{
    /* margin-bottom:0px; */
  }

  #JFG11{
    width:70vw;
    height:90vw;
    margin-left:15vw;
  }

  #JFG12{
    width:70vw;
    height:90vw;
    margin-left:15vw;
  }

  #JFG13{
    height:58vw;
  }

  #JFG14{
    height:58vw;
  }

  #JFG15{
    width:60vw;
    height:100vw;
    margin-left:20vw;
  }

  #KLFS1{

  }

  #KLFS2{
    height:55vw;
    width:80vw;
    margin-left:10vw;
  }

  #KLFS3{

  }

  #KLFS4{

  }

  #KLFS5{

  }

  #KLFS6{
    height:45vw;
    width:80vw;
    margin-left:10vw;
  }

  #KLFS7{

  }

  #KLFS8{
    height:67vw;
    width:80vw;
    margin-left:10vw;
  }

  #KLFS9{

  }

  #KLFS10{
    height:58vw;
    width:80vw;
    margin-left:10vw;
  }

  #KLFS11{

  }

  #KLFS12{
    height:76vw;
    width:76vw;
    margin-left:12vw;
  }

  #KLFS13{

  }

  #VOCP2{
    height:56vw;
  }

  #VOCP3{
    height:57vw;
  }

  #VOCP4{
    height:67vw;
  }

  #VOCP5{
    height:110vw;
    background-position:center;
  }

  #VOCP6{
    height:125vw;
  }

  #VOCP7{
    height:85vw;
  }

  #VOCP8{
    height:85vw;
  }

  #VOCP9{
    height:40vw;
  }

  #VOCP10{
    height:120vw;
  }

  #VOCP11{
    height:128vw;
  }

  #VOCP12{
    height:128vw;
  }

  #VOCP13{
    height:128vw;
  }

  #VOCP14{
    height:50vw;
  }

  #NFLC2{
    height:57vw;
  }

  #NFLC3{
    height:119vw;
  }

  #NFLC4{
    height:92vw;
  }

  #NFLC5{
    height:110vw;
  }

  #MHLPN2{
    height:100vw;
    background-size:80%;
  }

  #MHLPN3{
    height:80vw;
  }

  #MHLPN4{
    height:70vw;
  }

  #MHLPN5{
    height:70vw;
  }

  #HSS2{
    height:40vw;
    width:70vw;
    margin-left:15vw;
  }

  #HSS3{

  }

  #HSS4{

  }

  #HSS5{
    height:130vw;
    width:50vw;
    margin-left:25vw;
  }

  #SPFC1{

  }

  #SPFC2{
    height:80vw;
  }

  #SPFC3{
    height:73vw;
  }

  #SPFC4{
    height:45vw;
  }

  #SPFC5{
    height:70vw;
    width:70vw;
    margin-left:15vw;
  }

  #SPFC6{
    height:110vw;
  }

  #SPFC7{
    height:70vw;
    width:70vw;
    margin-left:15vw;
  }

  #BMPP1{

  }

  #BMPP2{
    height:70vw;
    width:70vw;
    margin-left:15vw;
  }

  #BMPP3{
    height:35vw;
    width:35vw;
    margin-left:10vw;
  }

  #BMPP4{
    height:35vw;
    width:35vw;
    margin-left:10vw;
  }

  #BMPP5{
    height:70vw;
    width:70vw;
    margin-left:15vw;
  }

  #BMPP6{
    width:20vw;
    height:50vw;
    margin-left:15vw;
  }

  #BMPP7{
    width:20vw;
    height:50vw;
  }

  #BMPP8{
    width:20vw;
    height:50vw;
  }

  #BMPP9{
    height:112vw;
  }

  #BMPP10{
    width:70vw;
    height:90vw;
    margin-left:15vw;
  }

  #BMPP11{
    width:70vw;
    height:90vw;
    margin-left:15vw;
  }

  #BMPP12{
    width:70vw;
    height:70vw;
    margin-left:15vw;
  }

  #BMPP13{
    height:74vw;
    width:37.5vw;
    margin-left:10vw;
  }

  #BMPP14{
    height:74vw;
    width:37.5vw;
    margin-left:5vw;
  }

  #BMPP15{
    height:74vw;
    width:37.5vw;
    margin-left:10vw;
  }

  #BMPP16{
    height:74vw;
    width:37.5vw;
    margin-left:5vw;
  }

  #BMPP17{
    height:74vw;
    width:37.5vw;
    margin-left:10vw;
  }

  #BMPP18{
    height:74vw;
    width:37.5vw;
    margin-left:5vw;
  }

  #FHP1{

  }

  #FHP2{
    height:46vw;
  }

  #FHP3{
    height:29vw;
  }

  #FHP4{
    height:46vw;
  }

  #FHP5{
    height:8.5vw;
    background-size:cover;
  }

  #FHP6{
    height:28vw;
  }

  #FHP7{
    height:40vw;
  }

  #FHP8{
    height:76vw;
  }

  #FHP9{
    height:40vw;
  }

  #FHP10{
    height:76vw;
  }

  #FHP11{
    height:70vw;
  }

  #FHP12{
    height:35vw;
  }

  #FHP13{
    height:60.5vw;
  }

  #FHP14{
    height:81.5vw;
  }

  #FHP15{
    height:8.5vw;
    background-size:cover;
  }

  #ICFNCH1{

  }

  #ICFNCH2{
    width:70vw;
    margin-left:15vw;
    height:75vw;
  }

  #ICFNCH3{

  }

  #ICFNCH4{
    width:70vw;
    margin-left:15vw;
    height:90vw;
  }

  #ICFNCH5{

  }

  #ICFNCH6{

  }

  #ICFNCH7{
    width:70vw;
    margin-left:15vw;
    height:85vw;
  }

  #ICFNHC1{

  }

  #ICFNHC2{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #ICFNHC3{
    height:55vw;
  }

  #ICFNHC4{
    width:70vw;
    margin-left:15vw;
    height:65vw;
    margin-top:-40px;
  }

  #ICFNHC5{
    height:105vw;
  }

  #ICFNHC6{
    height:180vw;
  }

  #ICFNHC7{
    height:90vw;
  }

  #ICFNHC8{
    height:36vw;
  }

  #ICFNHC9{
    height:36vw;
  }

  #ICFNHC10{
    width:70vw;
    margin-left:15vw;
    height:65vw;
    margin-top:-40px;
  }

  #NBSG1{

  }

  #NBSG2{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #NBSG3{
    width:80vw;
    margin-left:10vw;
    height:100vw;
  }

  #NBSG4{
    width:80vw;
    margin-left:10vw;
    height:100vw;
  }

  #NBSG5{

  }

  #NBSG6{
    width:70vw;
    margin-left:15vw;
    height:69vw;
  }

  #NBSG7{

  }

  #NBSG8{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #GDIMSS1{

  }

  #seniorShowCoverGif{

  }

  #GDIMSS2{
    width:70vw;
    margin-left:15vw;
    height:90vw;
  }

  #GDIMSS3{
    height:42vw;
  }

  #GDIMSS4{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #GDIMSS5{

  }

  #GDIMSS6{
    width:70vw;
    margin-left:15vw;
    height:90vw;
  }

  #GDIMSS7{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #GDIMSS8{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #SMIV1{
    height:53vw;
  }

  #SMIV2{

  }

  #SMIV3{

  }

  #SMIV4{

  }

  #SMIV5{

  }

  #SMIV6{

  }

  #SMIV7{

  }

  #SMIV8{

  }

  #SMIV9{

  }

  #SMIV10{

  }

  #TTO1{

  }

  #TTO2{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #TTO3{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #TTO4{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #TTO5{
    width:70vw;
    margin-left:15vw;
    height:120vw;
  }

  #TTO6{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #TTO7{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #TTO8{
    width:70vw;
    margin-left:15vw;
    height:118vw;
  }

  #TTO9{
    width:50vw;
    margin-left:25vw;
    height:105vw;
  }

  #HAP1{

  }

  #HAP2{
    width:70vw;
    margin-left:15vw;
    height:78vw;
  }

  #HAP3{

  }

  #HAP4{

  }

  #HAP5{

  }

  #HAP6{

  }

  #HAP7{

  }

  #HAP8{

  }

  #HAP9{

  }

  #HAP10{

  }

  #HAP11{

  }

  #HAP12{

  }

  #HAP13{

  }

  #HAP14{

  }

  #HAP15{

  }

  #HAP16{

  }

  #HAP17{

  }

  #HAP18{

  }

  #HAP19{

  }

  #HAP20{

  }

  #HAP21{

  }

  #HAP22{

  }

  #HAP23{
    width:70vw;
    margin-left:15vw;
    height:60vw;
  }

  #SPTF1{

  }

  #SPTF2{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #SPTF3{
    height:90vw;
  }

  #SPTF4{
    width:70vw;
    margin-left:15vw;
    height:70vw;
  }

  #SPTF5{
    height:85vw;
  }

  #BSTS1{

  }

  #BSTS2{

  }

  #BSTS3{

  }

  #BSTS4{

  }

  #BSTS5{

  }

  #BSTS6{

  }

  #BSTS7{

  }

  #BSTS8{

  }

  #BSTS9{

  }

  #BSTS10{

  }

  #BBCEB1{

  }

  #BBCEB2{

  }

  #BBCEB3{

  }

  #BBCEB4{

  }

  #BBCEB5{

  }

  #BBCEB6{

  }

  #BBCEB7{

  }

  #BSWR1{

  }

  #BSWR2{
    width:70vw;
    margin-left:15vw;
    height:92vw;
  }

  #BSWR3{
    height:62vw;
  }

  #BSWR4{
    width:70vw;
    margin-left:15vw;
    height:72vw;
  }

  #BSWR5{
    height:62vw;
  }

  #BSWR6{
    height:62vw;
  }

  #BSWR7{
    width:70vw;
    margin-left:15vw;
    height:85vw;
  }

  #BSWR8{
    height:62vw;
  }

  #BSWR9{
    height:60vw;
  }

  #BSWR10{
    height:62vw;
  }

}

/* Middle step 1 ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width:700px) and (max-width: 1100px){

	h1{
		font-size:4.5vw;
		padding-bottom:10px;
	}

  h4{
  	font-size:32px;
  	font-family:druk_textmedium;
  	text-transform:uppercase;
  }

}

/* Middle step 2 ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width:1100px) and (max-width: 1500px){

  #designerSeattle{
    margin-top:0px;
  }

}

/* MIDDLE ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width:700px) and (max-width: 1500px){

  #topLeftCoverPanel{
    width:40vw;
  }

  .galleryPiece{
    width:40vw;
    margin-left:10vw;
  }

  .firstGalleryPiece{
    margin-top:9vh;
    width:50vw;
    height:28.125vw;
    margin-left:5vw;
  }

  #mobileSVGLogo{
    fill:rgba(0,0,0,0);
    height:10vh;
  }

  /* -------------------- Medium image gallery -------------------- */

  .galleryPiece{
    width:50vw;
    height:28.125vw;
    margin-left:5vw;
    background-size:cover;
    margin-bottom:80px;
  }

  .firstGalleryPiece{
    /* margin-bottom:0px; */
  }

  #JFG11{
    width:30vw;
    height:38vw;
    margin-left:15vw;
  }

  #JFG12{
    width:30vw;
    height:38vw;
    margin-left:15vw;
  }

  #JFG13{
    height:32vw;
  }

  #JFG14{
    height:32vw;
  }

  #JFG15{
    width:30vw;
    height:51vw;
    margin-left:15vw;
  }

  #KLFS1{

  }

  #KLFS2{
    height:30vw;
    width:42vw;
    margin-left:9vw;
  }

  #KLFS3{

  }

  #KLFS4{

  }

  #KLFS5{

  }

  #KLFS6{
    height:25vw;
    width:42vw;
    margin-left:9vw;
  }

  #KLFS7{

  }

  #KLFS8{
    height:36vw;
    width:42vw;
    margin-left:9vw;
  }

  #KLFS9{

  }

  #KLFS10{
    height:32vw;
    width:42vw;
    margin-left:9vw;
  }

  #KLFS11{

  }

  #KLFS12{
    height:42vw;
    width:42vw;
    margin-left:9vw;
  }

  #KLFS13{

  }

  #VOCP2{
    height:31vw;
  }

  #VOCP3{
    height:31.5vw;
  }

  #VOCP4{
    height:37.25vw;
  }

  #VOCP5{
    height:33vw;
    width:25vw;
    margin-left:3.5vw;
  }

  #VOCP6{
    height:33vw;
    width:25vw;
    margin-left:3vw;
  }

  #VOCP7{
    height:25vw;
    width:25vw;
    margin-left:3.5vw;
  }

  #VOCP8{
    height:25vw;
    width:25vw;
    margin-left:3vw;
  }

  #VOCP9{
    height:23vw;
  }

  #VOCP10{
    height:60vw;
  }

  #VOCP11{
    height:74vw;
  }

  #VOCP12{
    height:35vw;
    width:25vw;
    margin-left:3vw;
  }

  #VOCP13{
    height:35vw;
    width:25vw;
    margin-left:3vw;
  }

  #VOCP14{
    height:26vw;
  }

  #NFLC2{
    height:31.6vw;
  }

  #NFLC3{
    height:65vw;
  }

  #NFLC4{
    width:40vw;
    height:41.5vw;
    margin-left:10vw;
  }

  #NFLC5{
    width:40vw;
    height:45vw;
    margin-left:10vw;
  }

  #MHLPN2{
    height:55vw;
    background-size:75%;
  }

  #MHLPN3{
    width:40vw;
    height:36vw;
    margin-left:10vw;
  }

  #MHLPN4{
    height:38vw;
  }

  #MHLPN5{
    height:38vw;
  }

  #HSS2{
    width:40vw;
    height:22vw;
    margin-left:10vw;
  }

  #HSS3{

  }

  #HSS4{

  }

  #HSS5{
    width:30vw;
    height:78vw;
    margin-left:15vw;
  }

  #SPFC1{

  }

  #SPFC2{
    height:45vw;
  }

  #SPFC3{
    height:40vw;
  }

  #SPFC4{
    height:25vw;
  }

  #SPFC5{
    height:40vw;
    width:40vw;
    margin-left:10vw;
  }

  #SPFC6{
    height:55vw;
  }

  #SPFC7{
    height:40vw;
    width:40vw;
    margin-left:10vw;
  }

    #BMPP1{

    }

    #BMPP2{
      height:40vw;
      width:40vw;
      margin-left:10vw;
    }

    #BMPP3{
      height:15vw;
      width:15vw;
      margin-left:5vw;
    }

    #BMPP4{
      height:15vw;
      width:15vw;
      margin-left:2.5vw;
    }

    #BMPP5{
      height:15vw;
      width:15vw;
      margin-left:2.5vw;
    }

    #BMPP6{
      height:28vw;
      width:15vw;
      margin-left:5vw;
    }

    #BMPP7{
      height:28vw;
      width:15vw;
      margin-left:2.5vw;
    }

    #BMPP8{
      height:28vw;
      width:15vw;
      margin-left:2.5vw;
    }

    #BMPP9{
      height:54vw;
      width:44vw;
      margin-left:8vw;
    }

    #BMPP10{
      height:31vw;
      width:25vw;
      margin-left:3.5vw;
    }

    #BMPP11{
      height:31vw;
      width:25vw;
      margin-left:3vw;
    }

    #BMPP12{
      height:36vw;
      width:36vw;
      margin-left:12vw;
    }

    #BMPP13{
      height:38.5vw;
      width:18vw;
      margin-left:9.5vw;
    }

    #BMPP14{
      height:38.5vw;
      width:18vw;
      margin-left:5vw;
    }

    #BMPP15{
      height:38.5vw;
      width:18vw;
      margin-left:9.5vw;
    }

    #BMPP16{
      height:38.5vw;
      width:18vw;
      margin-left:5vw;
    }

    #BMPP17{
      height:38.5vw;
      width:18vw;
      margin-left:9.5vw;
    }

    #BMPP18{
      height:38.5vw;
      width:18vw;
      margin-left:5vw;
    }

    #FHP1{

    }

    #FHP2{
      height:25vw;
    }

    #FHP3{
      height:20vw;
    }

    #FHP4{
      height:26.5vw;
    }

    #FHP5{
      height:7vw;
    }

    #FHP6{
      height:18vw;
    }

    #FHP7{
      height:22vw;
    }

    #FHP8{
      height:50vw;
    }

    #FHP9{
      height:24vw;
    }

    #FHP10{
      height:42vw;
    }

    #FHP11{
      height:35vw;
    }

    #FHP12{

    }

    #FHP13{
      height:40vw;
    }

    #FHP14{
      height:52vw;
    }

    #FHP15{
      height:7vw;
    }

    #ICFNCH1{

    }

    #ICFNCH2{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #ICFNCH3{

    }

    #ICFNCH4{
      width:40vw;
      height:55vw;
      margin-left:10vw;
    }

    #ICFNCH5{

    }

    #ICFNCH6{

    }

    #ICFNCH7{
      width:40vw;
      height:50vw;
      margin-left:10vw;
    }

    #ICFNHC1{

    }

    #ICFNHC2{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #ICFNHC3{
      height:30.5vw;
    }

    #ICFNHC4{
      width:40vw;
      height:36vw;
      margin-left:10vw;
      margin-top:-10px;
    }

    #ICFNHC5{
      height:59vw;
    }

    #ICFNHC6{
      height:97vw;
    }

    #ICFNHC7{
      height:51vw;
    }

    #ICFNHC8{
      height:20vw;
    }

    #ICFNHC9{
      height:18vw;
    }

    #ICFNHC10{
      width:40vw;
      height:40vw;
      margin-left:10vw;
      margin-top:-18px;
    }

    #NBSG1{

    }

    #NBSG2{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #NBSG3{
      width:40vw;
      height:50vw;
      margin-left:10vw;
    }

    #NBSG4{
      width:40vw;
      height:55vw;
      margin-left:10vw;
    }

    #NBSG5{

    }

    #NBSG6{
      width:40vw;
      height:39vw;
      margin-left:10vw;
    }

    #NBSG7{
      height:40vw;
    }

    #NBSG8{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #GDIMSS1{

    }

    #seniorShowCoverGif{

    }

    #GDIMSS2{
      width:40vw;
      height:60vw;
      margin-left:10vw;
    }

    #GDIMSS3{
      height:24vw;
    }

    #GDIMSS4{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #GDIMSS5{

    }

    #GDIMSS6{
      width:40vw;
      height:60vw;
      margin-left:10vw;
    }

    #GDIMSS7{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #GDIMSS8{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #SMIV1{
      height:29vw;
    }

    #SMIV2{

    }

    #SMIV3{

    }

    #SMIV4{

    }

    #SMIV5{

    }

    #SMIV6{

    }

    #SMIV7{

    }

    #SMIV8{

    }

    #SMIV9{

    }

    #SMIV10{

    }

    #TTO1{

    }

    #TTO2{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #TTO3{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #TTO4{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #TTO5{
      width:30vw;
      height:60vw;
      margin-left:15vw;
    }

    #TTO6{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #TTO7{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #TTO8{
      width:40vw;
      height:68vw;
      margin-left:10vw;
    }

    #TTO9{
      width:30vw;
      height:63vw;
      margin-left:15vw;
    }

    #HAP1{

    }

    #HAP2{
      width:40vw;
      height:45vw;
      margin-left:10vw;
    }

    #HAP3{

    }

    #HAP4{

    }

    #HAP5{

    }

    #HAP6{

    }

    #HAP7{

    }

    #HAP8{

    }

    #HAP9{

    }

    #HAP10{

    }

    #HAP11{

    }

    #HAP12{

    }

    #HAP13{

    }

    #HAP14{

    }

    #HAP15{

    }

    #HAP16{

    }

    #HAP17{

    }

    #HAP18{

    }

    #HAP19{

    }

    #HAP20{

    }

    #HAP21{

    }

    #HAP22{

    }

    #HAP23{
      width:40vw;
      height:36vw;
      margin-left:10vw;
    }

    #SPTF1{

    }

    #SPTF2{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #SPTF3{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #SPTF4{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #SPTF5{
      height:50vw;
    }

    #BSTS1{

    }

    #BSTS2{

    }

    #BSTS3{

    }

    #BSTS4{

    }

    #BSTS5{

    }

    #BSTS6{

    }

    #BSTS7{

    }

    #BSTS8{

    }

    #BSTS9{

    }

    #BSTS10{

    }

    #BBCEB1{

    }

    #BBCEB2{

    }

    #BBCEB3{

    }

    #BBCEB4{

    }

    #BBCEB5{

    }

    #BBCEB6{

    }

    #BBCEB7{

    }

    #BSWR1{

    }

    #BSWR2{
      width:40vw;
      height:53vw;
      margin-left:10vw;
    }

    #BSWR3{
      height:30vw;
    }

    #BSWR4{
      width:40vw;
      height:40vw;
      margin-left:10vw;
    }

    #BSWR5{
      height:32vw;
    }

    #BSWR6{
      height:32vw;
    }

    #BSWR7{
      width:40vw;
      height:48vw;
      margin-left:10vw;
    }

    #BSWR8{
      height:32vw;
    }

    #BSWR9{
      height:32vw;
    }

    #BSWR10{
      height:32vw;
    }

}

/* largest ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width:1500px){

  #mobileSVGLogo{
    fill:rgba(0,0,0,0);
    height:10vh;
  }

  #topLeftCoverPanel{
    width:30vw;
  }

  #leftPanel{
    width:30%;
  }

  #rightPanel{
    width:70%;
  }

  .workBlock{
    width:23.333333333333333vw;
    height:23.333333333333333vw;
  }

  #homeButton, #middleText, #socialLinks{
    left:4vw;
  }

  #homeButton{
    top:9vh;
  }

  #socialLinks{
    bottom:9vh;
  }

  #backToTop{
    display:block;
    position:relative;
  	float:left;
    width:23.333333333333333vw;
    height:23.333333333333333vw;
    /* background-color:pink; */
  }

  #returnTop{
    position:absolute;
    right:4vw;
    bottom:9vh;
    line-height:32px;
  }

  #upArrow{
    display:block;
    position:absolute;
    background-image:url(../images/Arrow.svg);
    width:32px;
    height:22px;
    right:0px;
    background-position:right top;
    background-repeat:no-repeat;
    /* background-color:pink; */
    transform:rotate(-90deg);
    line-height:32px;
  }

  .rightWorkPanel{
    width:70%;
  }

  .workNavigation{
    position:fixed;
    bottom:10%;
  	left:4vw;
    width:22vw;
    line-height:32px;
  }

  #designerSeattle{
    margin-top:0px;
  }

  .middleTextBlock{
    width:20vw;
    left:4%;
    /* background-color:rgba(0,255,255,.5); */
    top:50%;
  }

  /* ---------------------------- Large Gallery -------------------------------------------- */

  .galleryPiece{
    margin-bottom:100px;
    height:42vw;
    width:50vw;
    margin-left:10vw;
    height:50vw;
  }

  .firstGalleryPiece{
    margin-top:9vh;
    width:60vw;
    height:33.75vw;
    margin-left:5vw;
  }

  #JFG1{

  }

  #JFG2{
    height:28.125vw;
  }

  #JFG3{
    height:28.125vw;
  }

  #JFG4{
    height:28.125vw;
  }

  #JFG5{
    height:28.125vw;
  }

  #JFG6{
    height:28.125vw;
  }

  #JFG7{
    height:28.125vw;
  }

  #JFG8{
    height:28.125vw;
  }

  #JFG9{
    height:28.125vw;
  }

  #JFG10{
    height:28.125vw;
  }

  #JFG11{
    width:30vw;
    height:38vw;
    margin-left:20vw;
  }

  #JFG12{
    width:30vw;
    height:38vw;
    margin-left:20vw;
  }

  #JFG13{
    height:32vw;
  }

  #JFG14{
    height:32vw;
  }

  #JFG15{
    width:30vw;
    height:51vw;
    margin-left:20vw;
  }

  #KLFS1{

  }

  #KLFS2{
    height:30vw;
    width:42vw;
    margin-left:14vw;
  }

  #KLFS3{
    height:28.125vw;
  }

  #KLFS4{
    height:28.125vw;
  }

  #KLFS5{
    height:28.125vw;
  }

  #KLFS6{
    height:25vw;
    width:42vw;
    margin-left:14vw;
  }

  #KLFS7{
    height:28.125vw;
  }

  #KLFS8{
    height:35vw;
    width:40vw;
    margin-left:15vw;
  }

  #KLFS9{
    height:28.125vw;
  }

  #KLFS10{
    height:30vw;
    width:42vw;
    margin-left:14vw;
  }

  #KLFS11{
    height:28.125vw;
  }

  #KLFS12{
    height:30vw;
    width:30vw;
    margin-left:20vw;
  }

  #KLFS13{
    height:28.125vw;
  }

  #VOCP1{

  }

  #VOCP2{
    height:31.4vw;
  }

  #VOCP3{
    height:31.7vw;
  }

  #VOCP4{
    height:37.25vw;
  }

  #VOCP5{
    height:36vw;
    width:25vw;
    margin-left:7.5vw;
  }

  #VOCP6{
    height:36vw;
    width:25vw;
    margin-left:5vw;
  }

  #VOCP7{
    height:25vw;
    width:25vw;
    margin-left:7.5vw;
  }

  #VOCP8{
    height:25vw;
    width:25vw;
    margin-left:5vw;
  }

  #VOCP9{
    height:22vw;
  }

  #VOCP10{
    height:36vw;
    width:25vw;
    margin-left:7.5vw;
  }

  #VOCP11{
    height:36vw;
    width:25vw;
    margin-left:5vw;
  }

  #VOCP12{
    height:36vw;
    width:25vw;
    margin-left:7.5vw;
  }

  #VOCP13{
    height:36vw;
    width:25vw;
    margin-left:5vw;
  }

  #VOCP14{
    height:25vw;
  }

  #NFLC2{
    height:31.6vw;
  }

  #NFLC3{
    height:65vw;
  }

  #NFLC4{
    width:40vw;
    height:41.5vw;
    margin-left:15vw;
  }

  #NFLC5{
    width:40vw;
    height:45vw;
    margin-left:15vw;
  }

  #MHLPN2{
    height:50vw;
    background-size:70%;
  }

  #MHLPN3{
    width:40vw;
    height:35vw;
    margin-left:15vw;
  }

  #MHLPN4{
    height:35vw;
  }

  #MHLPN5{
    height:35vw;
  }

  #HSS2{
    width:40vw;
    height:22vw;
    margin-left:15vw;
  }

  #HSS3{
    height:28vw;
  }

  #HSS4{
    height:28vw;
  }

  #HSS5{
    width:30vw;
    height:78vw;
    margin-left:20vw;
  }

  #SPFC1{

  }

  #SPFC2{
    height:45vw;
  }

  #SPFC3{
    height:40vw;
  }

  #SPFC4{
    height:25vw;
  }

  #SPFC5{

  }

  #SPFC6{
    height:60vw;
  }

  #SPFC7{
    width:40vw;
    height:41.5vw;
    margin-left:15vw;
  }

  #BMPP1{

  }

  #BMPP2{
    height:40vw;
    width:40vw;
    margin-left:15vw;
  }

  #BMPP3{
    height:16.5vw;
    width:16.5vw;
    margin-left:5.25vw;
  }

  #BMPP4{
    height:16.5vw;
    width:16.5vw;
    margin-left:5vw;
  }

  #BMPP5{
    height:16.5vw;
    width:16.5vw;
    margin-left:5vw;
  }

  #BMPP6{
    height:30vw;
    width:16.5vw;
    margin-left:5.25vw;
  }

  #BMPP7{
    height:30vw;
    width:16.5vw;
    margin-left:5vw;
  }

  #BMPP8{
    height:30vw;
    width:16.5vw;
    margin-left:5vw;
  }

  #BMPP9{
    height:45vw;
    width:36vw;
    margin-left:17vw;
  }

  #BMPP10{
    height:31vw;
    width:25vw;
    margin-left:7.5vw;
  }

  #BMPP11{
    height:31vw;
    width:25vw;
    margin-left:5vw;
  }

  #BMPP12{
    height:35vw;
    width:35vw;
    margin-left:17.5vw;
  }

  #BMPP13{
    height:38.5vw;
    width:18vw;
    margin-left:14.5vw;
  }

  #BMPP14{
    height:38.5vw;
    width:18vw;
    margin-left:5vw;
  }

  #BMPP15{
    height:38.5vw;
    width:18vw;
    margin-left:14.5vw;
  }

  #BMPP16{
    height:38.5vw;
    width:18vw;
    margin-left:5vw;
  }

  #BMPP17{
    height:38.5vw;
    width:18vw;
    margin-left:14.5vw;
  }

  #BMPP18{
    height:38.5vw;
    width:18vw;
    margin-left:5vw;
  }

  #FHP1{

  }

  #FHP2{
    height:30vw;
    width:60vw;
    margin-left:5vw;
  }

  #FHP3{
    height:19vw;
  }

  #FHP4{
    height:26vw;
  }

  #FHP5{
    width:60vw;
    margin-left:5vw;
    height:10vw;
  }

  #FHP6{
    height:18.25vw;
  }

  #FHP7{
    height:22vw;
  }

  #FHP8{
    height:51vw;
  }

  #FHP9{
    height:23vw;
    width:60vw;
    margin-left:5vw;
  }

  #FHP10{
    height:42vw;
  }

  #FHP11{
    height:37vw;
  }

  #FHP12{
    height:19.5vw;
  }

  #FHP13{
    height:36vw;
  }

  #FHP14{
    height:50vw;
  }

  #FHP15{
    width:60vw;
    margin-left:5vw;
    height:10vw;
  }

  #ICFNCH1{

  }

  #ICFNCH2{
    width:40vw;
    height:40vw;
    margin-left:15vw;
  }

  #ICFNCH3{
    height:32vw;
  }

  #ICFNCH4{
    width:40vw;
    height:50vw;
    margin-left:15vw;
  }

  #ICFNCH5{
    height:32vw;
  }

  #ICFNCH6{
    height:32vw;
  }

  #ICFNCH7{
    width:40vw;
    height:50vw;
    margin-left:15vw;
  }

  #ICFNHC1{

  }

  #ICFNHC2{
    width:40vw;
    height:40vw;
    margin-left:15vw;
  }

  #ICFNHC3{
    height:31vw;
  }

  #ICFNHC4{
    width:30vw;
    height:26vw;
    margin-left:20vw;
  }

  #ICFNHC5{
    height:60vw;
  }

  #ICFNHC6{
    height:98vw;
  }

  #ICFNHC7{
    height:51vw;
  }

  #ICFNHC8{
    height:20.5vw;
  }

  #ICFNHC9{
    height:20.5vw;
  }

  #ICFNHC10{
    width:30vw;
    height:30vw;
    margin-left:20vw;
    margin-top:-30px;
  }

  #NBSG1{

  }

  #NBSG2{
    width:40vw;
    height:40vw;
    margin-left:15vw;
  }

  #NBSG3{
    width:27.5vw;
    height:38vw;
    margin-left:5vw;
  }

  #NBSG4{
    width:27.5vw;
    height:38vw;
    margin-left:5vw;
  }

  #NBSG5{
    height:28vw;
  }

  #NBSG6{
    width:40vw;
    height:39vw;
    margin-left:15vw;
  }

  #NBSG7{
    height:35vw;
  }

  #NBSG8{
    width:40vw;
    height:39vw;
    margin-left:15vw;
  }

  #GDIMSS1{

  }

  #seniorShowCoverGif{

  }

  #GDIMSS2{
    width:40vw;
    height:54vw;
    margin-left:15vw;
  }

  #GDIMSS3{
    height:20vw;
  }

  #GDIMSS4{
    width:40vw;
    height:40vw;
    margin-left:15vw;
  }

  #GDIMSS5{
    height:26vw;
  }

  #GDIMSS6{
    width:40vw;
    height:54vw;
    margin-left:15vw;
  }

  #GDIMSS7{

  }

  #GDIMSS8{

  }

  #SMIV1{
    height:35vw;
  }

  #SMIV2{
    height:29vw;
  }

  #SMIV3{
    height:29vw;
  }

  #SMIV4{
    height:29vw;
  }

  #SMIV5{
    height:29vw;
  }

  #SMIV6{
    height:29vw;
  }

  #SMIV7{
    height:29vw;
  }

  #SMIV8{
    height:29vw;
  }

  #SMIV9{
    height:29vw;
  }

  #SMIV10{
    height:29vw;
  }

  #TTO1{

  }

  #TTO2{
    width:40vw;
    height:40vw;
    margin-left:15vw;
  }

  #TTO3{
    width:20vw;
    height:20vw;
    margin-left:10vw;
  }

  #TTO4{
    width:20vw;
    height:20vw;

  }

  #TTO5{
    width:30vw;
    height:50vw;
    margin-left:20vw;
  }

  #TTO6{
    width:20vw;
    height:20vw;
    margin-left:10vw;
  }

  #TTO7{
    width:20vw;
    height:20vw;
  }

  #TTO8{
    width:30vw;
    height:50vw;
    margin-left:20vw;
  }

  #TTO9{
    width:20vw;
    height:42vw;
    margin-left:25.5vw;
  }

  #HAP1{

  }

  #HAP2{
    width:40vw;
    height:48vw;
    margin-left:15vw;
  }

  #HAP3{
    height:29vw;
  }

  #HAP4{
    height:29vw;
  }

  #HAP5{
    height:29vw;
  }

  #HAP6{
    height:29vw;
  }

  #HAP7{
    height:29vw;
  }

  #HAP8{
    height:29vw;
  }

  #HAP9{
    height:29vw;
  }

  #HAP10{
    height:29vw;
  }

  #HAP11{
    height:29vw;
  }

  #HAP12{
    height:29vw;
  }

  #HAP13{
    height:29vw;
  }

  #HAP14{
    height:29vw;
  }

  #HAP15{
    height:29vw;
  }

  #HAP16{
    height:29vw;
  }

  #HAP17{
    height:29vw;
  }

  #HAP18{
    height:29vw;
  }

  #HAP19{
    height:29vw;
  }

  #HAP20{
    height:29vw;
  }

  #HAP21{
    height:29vw;
  }

  #HAP22{
    height:29vw;
  }

  #HAP23{
    width:40vw;
    height:34vw;
    margin-left:15vw;
  }

  #SPTF1{

  }

  #SPTF2{

  }

  #SPTF3{
    width:27.5vw;
    height:36vw;
    margin-left:5vw;
  }

  #SPTF4{
    width:27.5vw;
    height:36vw;
    margin-left:5vw;
  }

  #SPTF5{

  }

  #BSTS1{

  }

  #BSTS2{
    height:28vw;
  }

  #BSTS3{
    height:28vw;
  }

  #BSTS4{
    height:28vw;
  }

  #BSTS5{
    height:28vw;
  }

  #BSTS6{
    height:28vw;
  }

  #BSTS7{
    height:28vw;
  }

  #BSTS8{
    height:28vw;
  }

  #BSTS9{
    height:28vw;
  }

  #BSTS10{
    height:28vw;
  }

  #BBCEB1{

  }

  #BBCEB2{
    height:28vw;
  }

  #BBCEB3{
    height:28vw;
  }

  #BBCEB4{
    height:28vw;
  }

  #BBCEB5{
    height:28vw;
  }

  #BBCEB6{
    height:28vw;
  }

  #BBCEB7{
    height:28vw;
  }

  #BSWR1{

  }

  #BSWR2{
    width:30vw;
    height:40vw;
    margin-left:20vw;
  }

  #BSWR3{
    height:32vw;
  }

  #BSWR4{
    width:30vw;
    height:32vw;
    margin-left:20vw;
  }

  #BSWR5{
    height:34vw;
  }

  #BSWR6{
    height:34vw;
  }

  #BSWR7{
    width:30vw;
    height:37vw;
    left:10vw;
  }

  #BSWR8{
    height:32vw;
  }

  #BSWR9{
    height:33vw;
  }

  #BSWR10{
    width:60vw;
    height:36vw;
    margin-left:5vw;
  }


}