body { 
background-color: rgb(0,0,0);
margin: 0;    
}

body#projectbody { 
background-color: rgb(255,255,255);
margin: 0;    
}

#page {
width: 100%;
margin-left: auto;
margin-right: auto;
}


a {
text-decoration: none;
}

a:visited {
color: #fff;
}

.contactinfo {

letter-spacing: 1px;
line-height: 100%;
font-size: 10pt;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif;  
transform: rotate(-90deg);
position: fixed;
margin-left: -4%; 
margin-top: 34vh;
    
}


.nametxt {
letter-spacing: 1px;
line-height: 100%;
font-size: 30px;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif;  
position: fixed;
margin-left: .78vw;    
margin-top: -1vh;   
color: #fff;    
    
}

.nametxtmobile {
letter-spacing: 1px;
line-height: 100%;
font-size: 30px;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif;  
position: fixed;
margin-left: .78vw;    
margin-top: -1vh;   
color: #fff;    
display: none;    
}

a.nametxtprojectpage {
letter-spacing: 1px;
line-height: 100%;
font-size: 30px;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif;  
position: fixed;
margin-left: .78vw;    
margin-top: -1vh;  
color: #000;    
}


p a.nametxt span:hover {
color: #999; 
}


div.rectangle {  
height: 50px;
width: 3px;
background-color: #fff;
position: fixed;    
float: left;
margin-left: -16px;  
margin-top: -65px;    
}


div.mobilenavhomelogo img {
display: none; 
}  

div.mobilenavhomelogoprojectpage img {
display: none; 
}  

div#navrectangle {  
height: 46px;
width: 2px;
background-color: #fff;
position: fixed; 
float: left;    
margin-top: 1.1vh;  
z-index: 990;  
margin-left: 3.1vw;       
}


div#navrectangleprojectpage {  
height: 46px;
width: 2px;
background-color: #000;
position: fixed; 
float: left;    
margin-top: 1.1vh;  
z-index: 990;  
margin-left: 3.1vw;       
}


div#navrectangleportfolio {  
height: 2px;
width: 85px;
background-color: #fff;
position: fixed; 
float: left;    
margin-top: 3%;  
z-index: 990;
margin-left: 16.85vw;    
    
}


nav {
position: fixed;
letter-spacing: 1px;
z-index: 980;
width: 100%;  
height: 8vh;    
background-color: #000;    
}

nav.homenavprojectpage {
position: fixed;
letter-spacing: 1px;  
background-color: #fff;
z-index: 980;
width: 100%;  
height: 8vh;    
    
}


nav a img.homepagelogo {
position: fixed; 
float: left;      
z-index: 990;
margin-left: 10.244vw;  
width: 15%;
top: 0;    
margin-top: 1.03vh;    
height: auto;

display: none;    
}

nav li a img.homepagelogo:hover {
opacity: .4;
}





nav ul {
margin-left: 20vw;
width: 30vw;    

}

nav ul li {     
display:inline;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt; 
position: relative;
}



nav ul li a{
text-decoration: none; 
color:rgb(255,255,255); 
}


nav ul li a:hover {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal; 
}


nav ul li a.navabout {
margin-left: 6.4vw;
}

a.navlinkprojectpage {
color: #000;
}

a.navportfolio {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal; 
}

nav.homenav ul li.current a {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal;
}


li.intronavintro {

}

img.georgegif {
width: 18vw;
height: auto; 
margin-top: 35%;
margin-left: 69vw;    
z-index: 999; 
}

img.homepagegif {
width: 100%;
height: auto; 
z-index: 999; 
animation: infinite;    
}


span.introspan {
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal; 
font-size: 75pt; 
float: left;   
margin-left: 20.9vw; 
margin-top: 49vh;   
z-index: 998; 
width: 20vw;    
}

#hovertxt {
color: #fff;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal; 
font-size: 15pt; 
float: right;   
width: 20vw;  
margin-top: -59vh;
margin-right: 2.2vw;   
z-index: 998;
width: 17vw;   
display: none;    
  
}

span.introspan:hover + p#hovertxt{
display: block;
}

span.introspan:hover{
opacity: 0;
    
}

div.pagerectangle {  
height: auto;
width: 60vw;
outline-style: solid;
outline-color: #fff;
position: absolute;  
margin-left: 9.81vw; 
margin-top: 16vh; 
z-index: 800;    
}

div#intro{
height: 100vh;
padding-bottom: 30px;
}

div#portfolio {
margin-top: 25vh; 
padding-top: 1vh;    
height: auto; 
width: auto;    
}

div#about {
margin-top: 25vh;  
padding-top: 10vh;     
height: 190vh; 
width: auto;     
}



div#projectpage{
margin-top: 30vh;
}

div.projectthumbnail {
margin-top: 15vh;
}

p.projecttitle {
width: 19vw;
text-decoration: none;   
text-align: left;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30pt;  
color: #fff; 
margin-left: 20vw;
}


div.portfolioprojecttitle {
display: block;
width: auto;
height: auto; 
margin-top: 15vh; 
}

div.portfolioproject{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 18vw;
    
}

p.portfoliobodytxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 13pt;
margin-right: auto; 
line-height: 160%;  
color: #000;
margin-top: 12vh;    
width: 45vw;  
margin-left: 9.6vw;    
}

p.htxt {
width: 160px;
text-decoration: none;   
text-align: right;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30pt;  
}


#content {        
display: inline-block; 
}


li.hpslideshow {
list-style: none;  
}

.hpimg{
width: 70%;  
margin-left: 20%;    
}


h1 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal; 
margin-top: 0px;    
color: #fff;
font-size: 18pt;    
margin-left: 33.6vw;       
}

h2 {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: normal;  
color: #fff;
font-size: 13pt;    
margin-left: 33.6vw;   
color: #fff; 
width: 41vw;    
}

h3 {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal; 
margin-top: 0px;    
color: #fff;
font-size: 18pt;    
margin-left: 33.6vw;
margin-top: 4vh;    
        
}



hr {
width: 100%; 
margin-top: -15px;   
}



p.bodytxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 13pt;
margin-right: auto; 
line-height: 160%;  
color: #fff;    
margin-left: 33.6vw;    
width: 41vw; 
padding-top: 15px;     
}

p.bodytxt2 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 13pt;
margin-right: auto; 
line-height: 160%;  
color: #fff;    
margin-left: 33.6vw;    
width: 41vw;      
}


a.email {
color: #fff;  
}

a.emailprojectpage {
color: #000; 
z-index: 999;    
}


.txtlink {
text-decoration: underline; 
color: blue; 
}


div.project {
display: block;
width: 58vw; 
height: 69vh;
margin-left: 39vw;       
}

.projectimg { 
height: 73vh; 
width: auto;
margin-left: 5vw;
}



/*
.cycle-slideshow { 
margin-top: 10vh;
height: 12vh;
margin-left: 9.5vw;  
width: 0vw;   
}

div.cycle-slide{
height: 0;
width: 20vw;    
}*/






/* About */
img.homeaboutpicture{ 
height: auto; 
width: 20%;
margin-left: 9.6vw;
float: left;   
margin-top: 3%;      
}

a.emailaboutpage {
color: #fff;  
}

p.photocaptionabout {
letter-spacing: 1px;
line-height: 100%;
font-size: 9pt;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif; 
width: 17vw;
margin-left: 9.6vw;   
margin-top: 34%;     
float: left;
position: absolute;
color: #fff;    
}
/* End About */






/*In-sight Page*/
.projectimgIn-sight { 
height: auto; 
width: 33%;
margin-left: 13.3vw;
padding-bottom: 15vh;    
}

div.portfolioprojectIn-sight{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 9.6vw;
}

.projectimgswitchgif2 { 
height: 40vh; 
width: auto;
margin-left: 13.5vw; 
margin-top: 2vh;    
}

.projectimgswitchgif3 { 
height: 40vh; 
width: auto;
margin-left: 4.3vw; 
margin-top: 2vh;    
}

.in-sightsection {
overflow: hidden;    
}

.In-sightsectiontxt {
float: left;    
}

.In-sightsectionimg {
overflow: hidden;    
}

.In-sightonboarding {
width: 90%;
height: auto;
padding-left: 6%;    
}

.In-sightspotmap {
width: 100%;
height: auto;
margin-left: 4.3vw; 
padding-top: 3%;    
}

.In-sightfilters {
width: 100%;
height: auto;
margin-left: 4.3vw; 
padding-top: 3%;    
}

.projectimgswitchjpg { 
height: 40vh; 
width: auto;
margin-left: 4.3vw;    
}

video.spotscannermp4 {  
width: 40vw;
margin-left: 4.3vw;
z-index: 999;  
margin-top: 13vh;    
}

video.motionpostermp4 {  
width: 30vw;
margin-left: 4.3vw;
z-index: 999;   
margin-top: 13vh;     
}

div.in-sightvideo{
padding-top: 13vh;
padding-bottom: 13vh;  
z-index: 980;  
float:left;    
}

p.in-sightvideotxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.in-sightvideo2{
padding-top: 13vh;
padding-bottom: 13vh;  
z-index: 980;  
float:left;    
}

p.in-sightvideotxt2 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.in-between{
height: 20vh;

}

.projectimgIn-sightworldspot { 
height: auto; 
width: 33%;
margin-left: 13.3vw;
padding-bottom: 15vh;    
}

.projectimgIn-sightspotpost { 
width: 100%;
height: auto;    
margin-left: 4.3vw; 
padding-top: 3%;     
}

.projectimgIn-sight2phones { 
width: 80%;
height: auto;    
margin-left: 4.3vw; 
padding-top: 3%;  
}

.projectimgIn-sight3phones { 
width: 100%;
height: auto;    
margin-left: 4.3vw; 
padding-top: 3%;   
}

.projectimgIn-sight4phones { 
width: 100%;
height: auto;    
margin-left: 4.3vw; 
padding-top: 3%;    
}

/* End In-sight Page*/


/* 80/20 Page */

div.eightytwenty{
padding-top: 13vh;
overflow: hidden;
}

#eightytwentylogovariationstxt {
float: left;
display: inline-block;    
}

#eightytwentylogovariationsimg {
overflow: hidden;
padding-left: 15%;
}

.projectimg8020jpg {
height: auto; 
width: 70%; 
}



/* End of 80/20 Page*/




/*Switch Page*/
p.switchtxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.portfolioprojectswitch{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 9.6vw;
    
}

div.switchtxtandgif{
padding-top: 13vh;
padding-bottom: 13vh;    
}

.projectimgSwitch { 
height: auto; 
width: 30%;
margin-left: 13.3vw;
padding-bottom: 15vh;    
}

.projectimgSwitch2 { 
height: auto; 
width: 30%;
margin-left: 13.3vw;
padding-bottom: 15vh;    
}

.projectimgswitchgif { 
height: auto; 
width: 30%;
margin-left: 4.3vw;    
}

.projectimgswitchgifprofile { 
height: auto; 
width: 30%;
margin-left: 4.3vw;    
}

.projectimgswitchgif2phones { 
height: auto; 
width: 50%;
margin-left: 4.3vw;    
}

.projectimgswitchlonggif { 
height: auto; 
width: 90%;
margin-left: 4.3vw;    
}

.projectimgswitchposter { 
height: auto; 
width: 80%;
margin-left: 4.3vw;   
}

.projectimgswitchpostermobilea { 
height: 80vh; 
width: auto;
margin-left: 4.3vw; 
display: none;    
}

.projectimgswitchpostermobileb { 
height: 80vh; 
width: auto;
margin-left: 4.3vw; 
display: none;      
}


/*End Switch Page*/








/* Hellworldinc Page*/
a.alonzoinstagram {
color: #000; 
z-index: 999;    
}

p.photocaption {
letter-spacing: 1px;
line-height: 100%;
font-size: 9pt;
font-weight: 300;
text-decoration: none;   
font-family: 'Lato', sans-serif; 
width: 11vw;
margin-left: 4.9vw;   
margin-top: 74vh;     
float: left;
position: absolute;
padding-bottom: 10vh;
z-index: 997;    
}

.projectimgmodelshorts { 
height: auto; 
width: 60%;
margin-left: 4.9vw;
float: left;    
}

.projectimgshorts { 
height: auto; 
width: 60%;
margin-right: 23vw;
float: right; 
margin-top: 0;    
}

.projectimg1short { 
height: auto; 
width: 60%;
margin-left: 0vw;
display: none;    
}
/* End Hellworldinc Page*/




/* Globin Page*/


.globinflyernonmobile{ 
padding-bottom: 16vh;
height: 80.9vh; 
margin-left: 5vw;  
}

/* End of Globin Page*/



/* Cowboy Page
p.portfoliobodytxtcbb {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 13pt;
margin-right: auto; 
line-height: 160%;  
color: #000;
margin-top: 16vh;    
width: 61vw;  
margin-left: 9.6vw;    
}

div.portfolioprojectcowboybebopproj{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 18vw;
}

iframe {
display: block; 
margin-left: 22.9vw;  
width: 54.6vw; 
margin-top: 3vh;    
}

img.cowboybebopweb {
padding-bottom: 16vh;
height: 80.9vh; 
margin-left: 5vw;    
}
 End Cowboy Page*/




/* Hue Page*/

p.huetxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.portfolioprojecthue{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 9.6vw;    
}


div.huetxtandgif{
padding-top: 13vh;
padding-bottom: 13vh;    
}

img.hueboardimg {
padding-bottom: 16vh;
width: 80%;
height: auto;
margin-left: 5vw;    
}

img.hueboardimg2 {
padding-bottom: 16vh;
width: 80%;
height: auto;
margin-left: 14vw;    
}




/* End Hue Page*/










/* Editorial Page */
.projectimgnarcover { 
height: auto; 
width: 50%;
margin-left: 4.8vw;    
    
}

.projectimgnar1{ 
height: auto; 
width: 50%;
margin-left: 4.8vw;
}

.projectimgnar2{ 
height: auto; 
width: 90%;
margin-left: 4.8vw;
margin-top: 2vh;    
}

.projectimgnar3{ 
height: auto; 
width: 90%;
margin-left: 4.8vw;
margin-top: 2vh;    
}

.projectimgnar4{ 
height: auto; 
width: 90%;
margin-left: 4.8vw;
margin-top: 2vh;    
}
/* End Editorial Page */









/* FastandFurious Page*/
div.portfolioprojectfafproj{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 18vw;
}

.fandfweb { 
padding-bottom: 16vh;
height: 80.9vh; 
margin-left: 5vw;  
}

/* End FastandFurious Page*/








/* Oxymoron Page*/
.projectimgox{ 
height: 49vh; 
width: auto;
margin-left: 4.9vw;
}

.projectimg3{ 
height: 160vh; 
width: auto;
margin-left: 4.9vw;
margin-top: 2vh;
}
/* End Oxymoron Page*/





/* Lecatcafe Page*/
p.lecattxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.portfolioprojectlecat{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 9.6vw;    
}

div.lecattxtandgif{
padding-top: 13vh;
padding-bottom: 13vh;    
}

.projectimgcatcafe { 
height: 50vh; 
width: auto;
margin-left: 4.3vw;  
}

.projectimgcatcafelogo { 
height: 40vh; 
width: auto;
margin-left: 4.3vw;  
}

.projectimgcatcafesymbol { 
height: 15vh; 
width: auto;
margin-left: 10vw;  
}

.projectimgcatcafebusinesscards { 
width: 60vw;
height: auto; 
margin-left: 4.3vw;  
}

.projectimgcatcafeletterhead { 
width: 60vw;
height: auto; 
margin-left: 8vw;  
}

.projectimgcatcafeiphone { 
width: 55vw;
height: auto; 
margin-left: 4.3vw;
}

.projectimgcatcafeiphone2 { 
width: 55vw;
height: auto; 
margin-left: 13.3vw;  
padding-right: 15vw; 
margin-top: 23vh;    
}

/* End Lecatcafe Page*/




/* WhysopressedJB Page*/
p.wspjbtxt {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
font-size: 10pt;
line-height: 160%;  
color: #000;   
width: 9vw; 
float: left;    
}

div.portfolioprojectwspjb{
display: block;
width: 79vw; 
height: auto; 
margin-top:9vh; 
margin-left: 9.6vw;    
}

div.wspjbtxtandgif{
padding-top: 13vh;
padding-bottom: 13vh;    
}

.projectimgwspjb { 
height: 50vh; 
width: auto;
margin-left: 4.3vw;  
}

.projectimgwspjblogo { 
height: 40vh; 
width: auto;  
}

.projectimgwspjbsymbol { 
height: 35vh; 
width: auto;
margin-left: 1vw;  
}

.projectimgwspjbmenu { 
width: 30vw;
height: auto; 
margin-left: 13.3vw;
    padding-top: 10vh;  
}

.projectimgwspjbpunchcardleft { 
width: 30vw;
height: auto; 
margin-left: 13.3vw;  
padding-top: 10vh;    
}

.projectimgwspjbpunchcardright { 
width: 30vw;
height: auto; 
margin-left: 2vw;  
}

/* End WhysopressedJB Page*/




/* Demo Reel Page*/

.demoreeldiv {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;    
    
}

iframe#demoreelvideo { 
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* End of Demo Reel Page*/




/* Stuck Page*/
.projectimgstuck { 
height: 73vh; 
width: auto;
margin-left: 1.9vw;
}
/* End Stuck Page*/




/* Collages Page*/

.collageweb {
padding-bottom: 16vh;
width: 100%;
height: auto;
}  



/* End of Collages*/




.projectimg1 { 
height: 73vh; 
width: auto;
    
}



/*
div.controls {
margin-left: 9.6vw;
color: #fff;
width: 11vw;
margin-top: 51vh;
}

img.ImgNextButton{
margin-left: 5vw;
}

img.ImgNextButton, img.ImgPrevButton {
height: 9vh;
width: auto;
} */

.contentimg{ 
padding-bottom: 15vh;    
}

.pttxt{
width: auto; 
text-align: left;    
height: auto;
font-family: 'Lato', serif;
font-weight: 300;
font-size: 25pt;
font-style: normal; 
color: #fff;  
float: left;   
margin-left: 9.6vw;
margin-top: 0; 
top: 0;
left: 0;      
}

.pttxtprojectpage{
width: auto; 
text-align: left;    
height: 0vh;
font-family: 'Lato', serif;
font-weight: 300;
font-size: 25pt;
font-style: normal; 
color: #000;  
float: left;   
margin-left: 9.6vw;
margin-top: 0; 
top: 0;
left: 0;      
}

.slidepttxt{
width: 12.1vw;    
height: 75px;    
text-align: left;  
font-family: 'Lato', serif;
font-weight: 300;
font-size: 18pt;
font-style: normal; 
color: #fff;  
float: left;   
margin-top: 0; 
top: 0;     
display: inline-block;
margin-left: 9.7vw;
position: relative;    
}

.smallslidepttxt{
width: 10vw; 
text-align: left;    
height: auto;
font-family: 'Lato', serif;
font-weight: 100;
font-size: 10pt;
font-style: normal; 
color: #fff;  
margin-top: 11vh;    
position: absolute;    
float: left;   
margin-left: 9.7vw;    
}

img.homeprojectimg { 
width: 70%;
height: auto;
margin-left: 1.4vw;
}

.homeprojectimg:hover {
opacity: .4;
}

a.linktoweb {
color: #000;
text-decoration: underline;
}


li.pageimg {
list-style: none;
    
}

#footer {
height: auto;    
position: fixed;
width: 100%; 
top: 82vh;    
    
}

img.projectpageprevarrow {
display: inline-block;
float: left;
margin-left: 3vw;
width: 1.6vw;    
margin-top: 3vh;     
}

p.previousproject {   
width: 3vw;    
font-family: 'Lato', serif;
font-weight: 300;
font-size: 8pt;
font-style: normal; 
color: #000;    
margin-top: 92vh; 
top: 0;     
position: fixed;   
margin-left: 3vw;    
}


img.projectpagenextarrow {
display: inline-block;
float: left;
margin-left: 2vw;
width: 1.6vw; 
margin-top: 3vh;    
}

p.nextproject {   
width: 3vw;    
font-family: 'Lato', serif;
font-weight: 300;
font-size: 8pt;
font-style: normal; 
color: #000;    
margin-top: 92vh; 
top: 0;     
float: right;    
position: fixed;   
margin-left: 6.6vw;    
}


p.scrolldown {
width: 3vw;    
font-family: 'Lato', serif;
font-weight: 300;
font-size: 8pt;
font-style: normal; 
color: #000;    
margin-top: 92vh; 
top: 0;     
float: right;    
position: fixed;   
margin-left: 95vw; 
}

p.scrolldownhome {
width: 3vw;    
font-family: 'Lato', serif;
font-weight: 300;
font-size: 8pt;
font-style: normal; 
color: #fff;    
margin-top: 92vh; 
top: 0;     
float: right;    
position: fixed;   
margin-left: 95vw; 
}

img.scrolldownarrow{
display: inline-block;
margin-right: 3.4vw;
float: right;    
width: 1.6vw;   
transform: rotate(90deg); 
margin-top: 4.4vh;    
}

img.scrolldownarrowhome{
display: inline-block;
margin-right: 3.4vw;
float: right;    
width: 1.6vw;   
transform: rotate(90deg); 
margin-top: 4.4vh;    
}

div#mobileMenu {
    display: none;

}

div#mobileButton {
    display: none;
}




div#mobileMenu ul.nav {
    display: none;
}





 html {
  scroll-behavior: smooth;
} 















/*
HERE IS WHERE THE MEDIA ONLY BEGINS
*/














@media only screen and (max-width: 600px) {
    
    nav.homenav {
        display: none;
    
    }
    
    nav.homenavprojectpage {
        display: none;
    
    }

    
    nav.Mobilenav{
        display: block;  
        position: fixed;
        padding: 1vw;  
        right: 0px; 
        width: 40vw;
        height: 100%;    
        z-index: 990;
        background-color : rgba(245, 245, 245, .99);
        
        
    }
    
    nav ul {
        margin-left: 0vw;
        margin-right: 12vw;
        width: auto; 
        margin-top: 10vh;
        

    }
    
    
    
    nav ul li a.mobilenavlink{     
        display:inline-block;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 20pt; 
        position: relative; 
        margin-bottom: 3vh;
        color: #000;
        left: -25px;

        
    }


    div#mobileMenu li a {
        text-decoration: none;
        
    }
    
    
    div#mobileMenu {
        position: fixed;
        letter-spacing: 1px;
        z-index: 981;
        width: 100%;  
        height: 8vh;    
        display: none;    
    } 

    
    
    div.mobilenavhomelogo {
        background-color: #000; 
        width: 100%;
        height: 8vh;
        z-index: 980;
        position: fixed;
        display: block;
    
    }
    
    
    .nametxt {
        letter-spacing: -.5px;
        line-height: 100%;
        font-size: 24px;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif;  
        position: fixed;
        margin-left: 2vw;    
        margin-top: -1.7vh;   
        color: #fff;  
        display: none;

    }
    
    .nametxtmobile {
        letter-spacing: -.5px;
        line-height: 100%;
        font-size: 24px;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif;  
        position: fixed;
        margin-left: 2vw;    
        margin-top: -1.7vh;   
        color: #fff;    
        display: inline-block;
    }

    a.nametxtprojectpage {
        letter-spacing: -.5px;
        line-height: 100%;
        font-size: 24px;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif;  
        position: fixed;
        margin-left: 2vw;    
        margin-top: -1.7vh;   
        color: #000;    
        display: inline-block;  
    }
    
    div#navrectangle {  
        height: 32.2px;
        width: 1.8px;
        background-color: #fff;
        position: fixed; 
        float: left;    
        margin-top: 1.1vh;  
        z-index: 990;  
        margin-left: 3.9vw;       
    }


    div#navrectangleprojectpage {  
        height: 32.2px;
        width: 1.8px;
        background-color: #000;
        position: fixed; 
        float: left;    
        margin-top: 1.1vh;  
        z-index: 990;  
        margin-left: 3.9vw;        
    }

    
    div.mobilenavhomelogoprojectpage {
        background-color: #fff; 
        width: 100%;
        height: 8vh;
        z-index: 980;
        position: fixed;
        display: block;
    
    }
    
    div.mobilenavhomelogo img {
        position: fixed; 
        float: left;      
        z-index: 990;
        margin-left: 4vw;  
        width: 40%;
        top: 0;    
        margin-top: 1.03vh;    
        height: auto;
        display: none;; 
        
    }    
    
    div.mobilenavhomelogoprojectpage img {
        position: fixed; 
        float: left;      
        z-index: 990;
        margin-left: 4vw;  
        width: 40%;
        top: 0;    
        margin-top: 1.03vh;    
        height: auto;
        display: none; 
        
    }    
    
    
    
    div#mobileButton {
        margin-top: 0;
        display: block;
        height: 6.7vh;
        width: 20vw;
        right: 0;
        position: fixed;
        padding: 1vw;  
        z-index: 999;
    }


    
     img#buttonHamburger {
        display: block;
        height: auto; 
        width: 15vw;
        padding-right: 3vw;
        padding-top: 3vw; 
        right: 0;
        position: fixed; 
        z-index: 999;
    }
    
    
    img#buttonX {
        display: none;
        height: auto;
        width: 7vw;
        height: auto;
        padding-right: 3vw;
        padding-top: 3vh;
        right: 4vw;
        position: fixed; 
        z-index: 999;
    }
 



    #content {    
        width: auto; 
        margin-left: 20%;
        display: inline-block; 
        Margin-top: 0; 
        z-index: 90;
    }
    
    
    .contactinfo {

        letter-spacing: 1px;
        line-height: 100%;
        font-size: 10pt;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif;
        transform: rotate(-90deg); 
        position: fixed;
        margin-top: 32vh;
        z-index: 999;
        margin-left: -29vw;
    }
    
    
    img.homepagegif {
        width: 56vw;
        height: auto; 
        z-index: 999; 
        animation: infinite;  
        
    }
    
    div.pagerectangle {  
        height: 25.7vh;
        width: 56vw;
        outline-style: solid;
        outline-color: #fff;
        position: absolute;  
        margin-left: 2vw; 
        z-index: 800;    
    }

    img.georgegif {
        width: 56vw;
        height: auto; 
        margin-top: 50vh;
        margin-left: 6.7vw;    
        z-index: 999; 
    }
    
    div#intro{
        height: 85vh;
    }

    div#portfolio {
        margin-top: 2vh; 
        padding-top: 1vh;    
        height: auto; 
        width: auto;    
    }

    
    
    div.projectthumbnail {
        margin-top: 15vh;
    }

    
    
    .slidepttxt{
        width: auto;   
        height: 75px;    
        text-align: left;  
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 18pt;
        font-style: normal; 
        color: #fff;  
        float: left;   
        margin-top: 0; 
        top: 0;     
        display: inline-block;
        position: relative;
        margin-left: 1.6vw;
    }

    .smallslidepttxt{
        width: 54vw; 
        text-align: left;    
        height: auto;
        font-family: 'Lato', serif;
        font-weight: 100;
        font-size: 10pt;
        font-style: normal; 
        color: #fff;  
        margin-top: 10vh;    
        position: absolute; 
        float: left;   
        margin-left: 1.6vw;
         
    }
    
    img.homeprojectimg { 
        height: auto; 
        width: 65vw; 
        margin-left: 1.6vw;  
        margin-top: 6vh;

    }
    
    
    
    div#about {
        margin-top: 10vh;  
        padding-top: 10vh;     
        height: auto; 
        width: auto;
        padding-bottom: 20vh;
    }
    
    /*video.worldgif {
        width: 35vw;
        height: auto; 
        margin-left: 1vw;    
        z-index: 960; 
        float: left;   
        position: absolute;    
    }

    video.worldgif2 {
        width: 35vw;
        height: auto; 
        z-index: 960; 
        margin-top: 0vh;    
        float: left; 
        position: absolute;  
        margin-left: 40vw;     
    }

    video.worldgif3 {
        display: none;   
    }*/
    
    h1 {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal; 
        margin-top: 13vh;
        margin-left: 1.5vw;
        color: #fff;
        font-size: 18pt;    
        height: auto;
        width: auto;
        
    }
    
    img.homeaboutpicture{ 
        height: auto; 
        width: 65vw;
        margin-left: 1.5vw;
        float: left;   
        margin-top: 5vh;      
    }

    
    p.photocaptionabout {
        letter-spacing: 1px;
        line-height: 100%;
        font-size: 9pt;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif; 
        width: auto;
        margin-left: 1.5vw;   
        margin-top: 67vh;     
        float: right;
        position: absolute;
        color: #fff;    
    }
    
    h3 {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-style: normal; 
        margin-top: 75vh;
        margin-left: 1.5vw;
        color: #fff;
        font-size: 18pt;    
        height: auto;
        width: auto;
        position: 
        
    }

    h2 {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-style: normal;  
        color: #fff;
        font-size: 13pt;    
        margin-left: 1.5vw; 
        width: 50vw;
    }

    hr {
        width: 100%; 
        margin-top: -15px;   
    }



    p.bodytxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 13pt;
        margin-right: auto; 
        line-height: 160%;  
        color: #fff;    
        margin-left: 1.5vw;    
        width: 63vw;     
    }

    p.bodytxt2 {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 13pt;
        margin-right: auto; 
        line-height: 160%;  
        color: #fff;    
        margin-left: 1.5vw;    
        width: 66vw;      
    }
    

    
    div.portfolioprojecttitle {
        display: block;
        width: auto;
        height: auto; 
        margin-top: 13vh; 
    }
    
    .pttxtprojectpage{
        width: 76vw; 
        text-align: left;    
        height: 10vh;
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 25pt;
        font-style: normal; 
        color: #000;  
        float: left;   
        margin-left: 1.5vw;
        margin-top: 0; 
        top: 0;
        left: 0;      
    }

    div.portfolioproject{
        display: block;
        width: auto; 
        height: auto; 
        margin-top: 50vh; 
        margin-left: 1.5vw;

    }

    p.portfoliobodytxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 13pt;
        margin-right: auto; 
        line-height: 160%;  
        color: #000;
        margin-top: 14vh;    
        width: 66vw;  
        margin-left: 1.5vw; 
        position: absolute;
    }
    
    
    .projectimg { 
        height: 40vh; 
        width: auto;
        margin-left: 0vw;
    }
    
    
    .projectimg1 { 
        height: 42vh; 
        width: auto;
        margin-top: 14vh;

    }
    
    .projectimg2{ 
        height: 24vh; 
        width: auto;
    }
    
    .projectimg3{ 
        height: 50vh; 
        width: auto;
        margin-left: -1.7vw    
    }
    
    
    
    
    
    
    
    /*In-sight Page*/
    .projectimgIn-sight { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        padding-bottom: 15vh; 
        margin-top: 52vh;
    }

    .projectimgIn-sightworldspot { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        padding-bottom: 15vh;    
    }
    
    div.portfolioprojectIn-sight{
        display: block;
        width: 70vw; 
        height: auto; 
        margin-top:9vh; 
        margin-left: 1vw;
    }

    .projectimgswitchgif2 { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw; 
        margin-top: 2vh;    
    }

    .projectimgswitchgif3 { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw; 
        margin-top: 2vh;    
    }
    .projectimgswitchjpg { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        margin-top: 2vh;
    }

    video.spotscannermp4 {  
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        z-index: 999;  
        margin-top: 0vh;    
    }

    video.motionpostermp4 {  
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        z-index: 999;   
        margin-top: 0vh;     
    }

    div.in-sightvideo{
        padding-top: 3vh;
        padding-bottom: 3vh;  
        z-index: 980;  
        float:left;    
    }

    p.in-sightvideotxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 70vw; 
        float: left;     
    }

    div.in-sightvideo2{
        padding-top: 3vh;
        padding-bottom: 3vh;  
        z-index: 980;  
        float:left;    
    }

    p.in-sightvideotxt2 {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 70vw; 
        float: left;    
    }

    div.in-between{
        display: none;

    }
    
    .projectimgIn-sightspotpost { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        margin-top: 2vh;
    }
    
    .projectimgIn-sight2phones { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        margin-top: 2vh;
    }

    .projectimgIn-sight3phones { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        margin-top: 2vh;
    }

    .projectimgIn-sight4phones { 
        height: auto; 
        width: 60vw;
        margin-left: 0vw;
        margin-top: 2vh;
    }

    .In-sightonboarding {
        margin-left: 0;
        }

    .In-sightspotmap {
        margin-left: 0;   
        }

    .In-sightfilters {
        margin-left: 0;    
        }

    .In-sightsectionimg{
        overflow: visible;
    }
    /* End In-sight Page*/



    
    
    
    
    /* Cowboy Page
    iframe {
        display: block; 
        height: 80%;
        width: 80%;
        margin-left: 1.5vw;
        margin-top: 50vh;
    }
    div.portfolioprojectcowboybebopproj{
        display: block;
        width: auto; 
        height: auto; 
        margin-top: 0vh; 
        margin-left: 1.5vw;

    }
    p.portfoliobodytxtcbb {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 13pt;
        margin-right: auto; 
        line-height: 160%;  
        color: #000;
        margin-top: 5vh;    
        width: 66vw;  
        margin-left: 1.5vw;    
    }

    img.cowboybebopweb {
        padding-bottom: 0vh;
        margin-top: 7vh;
        height: 30vh;
        margin-left: 0vw;
    }
    End Cowboy Page*/
    
    
    
    
        /* Hue Page*/

    p.huetxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 66vw; 
        float: left; 
        padding-top: 15vh;
    }
    
    div.portfolioprojecthue{
        display: block;
        width: auto; 
        height: auto; 
        margin-top: 30vh; 
        margin-left: 1.5vw;

    }

    

    img.hueboardimg {
        padding-bottom: 0vh;
        margin-top: 7vh;
        width: 80%;    
        height: auto;
        margin-left: 0vw;
    }
        img.hueboardimg2 {
        padding-bottom: 0vh;
        margin-top: 7vh;
        width: 80%;    
        height: auto;
        margin-left: 0vw;
    }
    
        div.huetxtandgif{
        padding-top: 3vh;
        padding-bottom: 3vh;    
    }
    /* End Hue Page*/
    
    
    

    /* FastandFurious Page*/
    
    div.portfolioprojectfafproj{
        display: block;
        width: 70vw; 
        height: auto; 
        margin-top: 70vh; 
        margin-left: 0vw;

    }
    
    img.fandfweb {
        padding-bottom: 0vh;
        margin-top: 7vh;
        height: 30vh;
        margin-left: 0vw;
    }
    /* End FastandFurious Page*/
    
    
    
    
    
    /* Editorial Page */
        .projectimgnarcover { 
        height: auto; 
        width: 65vw;
        margin-left: 0vw; 
        margin-top: 24vh;    

    }

    .projectimgnar1{ 
        height: auto; 
        width: 65vw;
        margin-left: 0vw;
        display: block;
        margin-top: 2vh;
    }

    .projectimgnar2{ 
        height: auto; 
        width: 65vw;
        margin-left: 0vw;
        margin-top: 2vh;
        overflow-x: auto;
        white-space: nowrap;
    }

    .projectimgnar3{ 
        height: auto; 
        width: 65vw;
        margin-left: 0vw;
        margin-top: 3vh;    
    }

    .projectimgnar4{ 
        height: auto; 
        width: 65vw;
        margin-left: 0vw;
        margin-top: 2vh;    
    }
    /* End Editorial Page */


    
    
    
    
    /* Oxymoron Page*/
    .projectimgox{ 
        height: 14.9vh; 
        width: auto;
        margin-left: 0vw;
        margin-top: 25vh;
    }
    /* End Oxymoron Page*/
    
    
    
    
    
    
    
    
    
    /* Hellworldinc Page*/
    .projectimgshorts { 
        height: auto; 
        width: 80%;
        margin-left: 0vw;
        display: none; 
    }

    .projectimg1short { 
        height: auto; 
        width: 80%;
        margin-left: 0vw;
        padding-top: 9vh;
        padding-bottom: 5vh;
        display: block;    
    }

    
    .projectimgmodelshorts { 
        height: auto; 
        width: 80%;
        margin-left: 0vw;
        margin-top: 10vh;
    }
    /* End Hellworldinc Page*/
    
    
    
    
    
    /* Lecatcafe Page*/
    p.lecattxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 66vw; 
        float: left;    
    }

    div.portfolioprojectlecat{
        display: block;
        width: 79vw; 
        height: auto; 
        margin-top: 80vh; 
        margin-left: 1vw;    
    }

    div.lecattxtandgif{
        padding-top: 3vh;
        padding-bottom: 3vh;    
    }

    .projectimgcatcafe { 
        height: 27vh; 
        width: auto;
        margin-left: 0vw;  
    }

    .projectimgcatcafelogo { 
        height: 20vh; 
        width: auto;
        margin-top: 4vh;
        margin-left: 0;
    }

    .projectimgcatcafesymbol { 
        height: 10vh; 
        width: auto;
        margin-top: 8vh; 
        margin-left: 0;
    }

    .projectimgcatcafebusinesscards { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
    }

    .projectimgcatcafeletterhead { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
    }

    .projectimgcatcafeiphone { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;
    }

    .projectimgcatcafeiphone2 { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
        padding-right: 0vw; 
        margin-top: 7vh;    
    }
    /* End Lecatcafe Page*/
    
    
    
    
    /* WhysopressedJB Page*/
    p.wspjbtxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 66vw; 
        float: left;
        padding-top: 15vh;
    }

    div.portfolioprojectwspjb{
        display: block;
        width: 79vw; 
        height: auto; 
        margin-top: 30vh; 
        margin-left: 1vw;    
    }

    div.wspjbtxtandgif{
        padding-top: 3vh;
        padding-bottom: 3vh;    
    }

    .projectimgwspjb { 
        height: 23vh; 
        width: auto;
        margin-left: 0vw;  
    }

    .projectimgwspjblogo { 
        height: 20vh; 
        width: auto;
        margin-top: 1vh;
        margin-left: 0;
    }

    .projectimgwspjbsymbol { 
        height: 16vh; 
        width: auto;
        margin-top:1vh; 
        margin-left: 0;
    }

    .projectimgwspjbmenu { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
    }

    .projectimgwspjbpunchcardleft { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
    }
    

        .projectimgwspjbpunchcardright { 
        width: 70vw;
        height: auto; 
        margin-left: 0vw;  
    }

    /* End WhysopressedJB Page*/
    
    
    

    
    
    
    
    
    
    
    
    
    /* Stuck Page*/
    .projectimgstuck { 
        height: 23vh; 
        width: auto;
        margin-left: -3vw;
        margin-top: 17vh;
    }
    /* End Stuck Page*/
    
    
    
    
    
    /*Switch Page*/
        p.switchtxt {
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 10pt;
        line-height: 160%;  
        color: #000;   
        width: 65vw; 
        float: left;    
    }

    div.portfolioprojectswitch{
        display: block;
        width: 79vw; 
        height: auto; 
        margin-top:9vh; 
        margin-left: 0vw;

    }

    div.switchtxtandgif{
        padding-top: 3vh;
        padding-bottom: 3vh; 
        margin-left: 1vw;
    }

    .projectimgSwitch { 
        height: 73vh; 
        width: auto;
        margin-left: 0vw;
        padding-bottom: 0vh;
        margin-top: 50vh;
    }
    
    .projectimgSwitch2 { 
        height: 73vh; 
        width: auto;
        margin-left: 0vw;
        padding-bottom: 0vh;
        margin-top: 10vh;
    }

    .projectimgswitchgif { 
        height: 73vh; 
        width: auto;
        margin-left: 0vw;
        margin-top: 3vh;
    }
    
    .projectimgswitchgifprofile { 
        height: 73vh; 
        width: auto;
        margin-left: -1.5vw;
        margin-top: 3vh;
    }
    
    .projectimgswitchgif2phones { 
        height: 35vh; 
        width: auto;
        margin-left: 0vw;
        margin-top: 3vh;
    }

    .projectimgswitchlonggif { 
        height: 16vh; 
        width: auto;
        margin-left: 0vw;    
    }

    .projectimgswitchposter { 
        height: 80vh; 
        width: auto;
        margin-left: 4.3vw;
        display: none;
    }
    .projectimgswitchpostermobilea { 
        height: 66vh; 
        width: auto;
        margin-left: 0vw; 
        display: inline-block;    
    }

    .projectimgswitchpostermobileb { 
        height: 66vh; 
        width: auto;
        margin-left: 0vw; 
        display: inline-block;      
    }

    
    /*End Switch Page*/

    /* Eighty Twenty */
    
    #eightytwentylogovariationsimg{
        overflow: visible;  
        padding-left: 0%;    
        
    }
    
    .projectimg8020jpg {
        height: auto; 
        width: 80%;
        margin-left: 0vw;
        margin-top: 2vh;    
    }
    
    
    /* End Eighty Twenty */
    
    
    
    
    p.photocaption {
        letter-spacing: 1px;
        line-height: 100%;
        font-size: 9pt;
        font-weight: 300;
        text-decoration: none;   
        font-family: 'Lato', sans-serif; 
        width: 30vw;
        margin-left: 0vw;   
        margin-top: 70vh;     
        float: left;
        position: absolute;
        padding-bottom: 0vh;
    }

    
    
    #footer {
        height: auto;    
        position: fixed;
        width: 100%; 
        top: 60vh;    

    }
    
    img.projectpageprevarrow {
        display: inline-block;
        float: left;
        margin-left: 5vw;
        width: 3vw; 
        margin-top: 3vh;
    }

    p.previousproject {   
        width: ;    
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 8pt;
        font-style: normal; 
        color: #000;    
        margin-top: 67vh; 
        top: 0;     
        position: fixed;   
        margin-left: 5vw;    
    }


    img.projectpagenextarrow {
        display: inline-block;
        margin-right: 0;
        margin-left: -3vw;
        float: left;
        width: 3vw;
        margin-top: 15vh;
    }
    
    img.projectpagenextarrowIn-sight {
        display: inline-block;
        width: 5vw;
        margin-left: 5vw;
        margin-top: 13vh;

    }

    p.nextproject {   
        width: 4;    
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 8pt;
        font-style: normal; 
        color: #000;    
        margin-top: 80vh; 
        top: 0;     
        float: right;    
        position: fixed;   
        margin-left: 5vw;    
    }
    
        p.nextprojectIn-sight {   
        width: 4;    
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 8pt;
        font-style: normal; 
        color: #000;    
        margin-top: 93vh; 
        top: 0;     
        float: right;    
        position: fixed;   
        margin-left: 5vw;    
    }
    
    div.contentimg{ 
        padding-bottom: 15vh; 
        margin: 0;
    }

    
    
    p.scrolldown {
        width: 3vw;    
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 8pt;
        font-style: normal; 
        color: #000;    
        margin-top: 80vh; 
        top: 0;     
        float: right;    
        position: fixed;   
        margin-left: 90vw; 
    }

    p.scrolldownhome {
        width: 3vw;    
        font-family: 'Lato', serif;
        font-weight: 300;
        font-size: 8pt;
        font-style: normal; 
        color: #fff;    
        margin-top: 80vh; 
        top: 0;     
        float: right;    
        position: fixed;   
        margin-left: 90vw; 
    }

    img.scrolldownarrow{
        display: inline-block;
        margin-right: 5vw;
        float: right;    
        width: 3vw;   
        transform: rotate(90deg); 
        margin-top: 16vh;  
    }

    img.scrolldownarrowhome{
        display: inline-block;
        margin-right: 5vw;
        float: right;    
        width: 3vw;   
        transform: rotate(90deg); 
        margin-top: 16vh;    
    }

    
    
    div.globinflyer {
        margin-top: 25vh !important;

    }
    
    img.globinflyerimg {
        padding-bottom: 0vh;
        margin-top: 7vh;
        margin-left: 0vw;
        height: 50vh !important;
    }
    

} /* end of media query */