@charset "UTF-8";




#inkheaderHome {
    width : 100%;
    padding: 0 20px;
  
}
#inkheaderHome img {
    width : 50px;
    margin-top : 20px;
  position : absolute;
    z-index : 200;
}


.header img{
    opacity: 60%;
}
.header img:hover{
    opacity: 100%;
    
}



/*Navigation */




nav#navDesktopN{
    float: right;
    margin: 20px 60px;
 
    
}

nav#navDesktopN a{
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 10px;
    color: rgba(255,255,255,0.5);
}

nav#navDesktopN a:hover{
    color: rgba(255,255,255,1);
}




@media screen and (max-width:800px){
    nav#navDesktopN{
        display: none;
    }
}

@media screen and (min-width:801px){
    .topnav{
        display: none;
    }
}




.topnav {
  overflow: hidden;
  position: relative;
   
   
    
    }

.topnav #myLinks {
  display: none;
}

.topnav a {
   color:rgba(255,255,255,.7);
  padding: 25px 10px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}
.topnav #myLinks a {
   color:rgba(255,255,255,.7);
  padding: 10px;
    margin-right: 0px;

  text-decoration: none;
  font-size: 17px;
  display: block;
    text-align: right;

}    
    
.topnav a.icon img {
  
  display: block;
        
    height: 35px;
   padding: 5px 12px ;
  position: absolute;
  right: 0;
  top: 0;
    opacity: 70%;

    
}



.topnav a:hover {
 color:rgba(255,255,255,1);
}

.active {
  
  color: white;
}



.topnav #myLinks a{
    text-decoration: none;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);

}


@media screen and (max-width: 800px) {
    header {
        margin-top : 45px;
    }
    
    .headerNineteen {
        margin-top : 15px;
    }
    
    .headerNineteen a.icon{
        padding: 0px;
        
    }
    
    
    #inkheaderHero a.icon{
        padding: 5px;
        
    }
    
     #inkheaderHero a.icon img{
        padding:10px;
        
    }
    
     .headerFE {
        margin-top : 0px;
    }
    
     #inkheaderFE a.icon{
        padding: 0;
        
    }
    
     #inkheaderFE a.icon img{
        padding:5px;
         margin: 8px;
        
        
    }
    
    .headerNineteen .logoInk{
        padding-top: 0px;
    }
    
    
    #updateBar {
        height : 50px;
    }
    .mainsection {
        padding : 0px 20px !important;
        margin: 0 auto;
    }
}



@media screen and (max-width: 800px){
    .workExamples {
        width : 100%;
        margin : 0;
        padding: 0;
    }
}


nav#navDesktop{
    float: right;
    margin: 20px 60px;
}

nav#navDesktop a{
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 10px;
    color: rgba(255,255,255,0.5);
}

nav#navDesktop a:hover{
    color: rgba(255,255,255,1);
}


.header img{
    opacity: 60%;
}
.header img:hover{
    opacity: 100%;
    
}

@media screen and (max-width:800px){
    nav#navDesktop{
        display: none;
    }
}

@media screen and (min-width:801px){
    .topnav{
        display: none;
    }
}




.topnav {
  overflow: hidden;
  position: relative;
   
    
    }

.topnav #myLinks {
  display: none;
}

.topnav a {
   color:rgba(255,255,255,.7);
  padding: 25px 10px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}
.topnav #myLinks a {
   color:rgba(255,255,255,.7);
  padding: 10px;
    margin-right: 0px;

  text-decoration: none;
  font-size: 17px;
  display: block;
    text-align: right;

}    
    
.topnav a.icon img {
  
  display: block;
        
    height: 35px;
   padding: 5px 12px ;
  position: absolute;
  right: 0;
  top: 0;
   
    opacity: 70%;

    
}



.topnav a:hover {
 color:rgba(255,255,255,1);
}

.active {
  
  color: white;
}



.topnav #myLinks a{
    text-decoration: none;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
}

/* Hero */


#inkheaderHero {
    width : 100%;
    padding: 0 ;
    min-height: 60px;
    background: black;

  
}
#inkheaderHero img.logoHero {
    width : 50px;
    margin: 15px 0 0 20px;
  position : absolute;
    z-index : 200;
}
}


/* Fire Escape */


#inkheaderFE {
    width : 100%;
    padding: 0 ;
    min-height: 60px;
    background: black;

  
}
#inkheaderFE img.logoHero {
    width : 50px;
    margin:10px 0 0 20px;
  position : absolute;
    z-index : 200;
}
}