@media screen and (max-width:1180px) {
 body {
    padding:0 5% 0 5%;   
 }
    .nav-header {
        width:90%;
            left:5%;
        right:5%;
    }
.wordBorder {
 left: calc(5% + 145px);   
}
   nav {
        padding-top:40px;   
   }
     
    section.main p.intro {
        font-size: 20px;  
        margin-bottom: 20px;
    }
    
    .indent_col {
    
        padding-left:6%;
    }
    .wordBorder {
        font-size: 100px;
         left: calc(5% + 100px); 
    }
    
    
    .bio-image .imgwrap {
        width:100%;   
    }
}

@media screen and (max-width:1050px) {
    .wordBorder {
        font-size: 100px;
         left: calc(5% + 100px); 
    }
    
    section.main {
        padding-top:140px;
    }

    .indent_col_20 {
        padding-left:10%;   
    }
    .nav-header {
        padding-left:0;
        padding-right:0;
                -webkit-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
box-shadow: 0px 4px 10px -4px rgba(0,0,0,0.4);
        
        position: fixed;
top: 0;
left: 5%;
right: 5%;
        z-index: 100;
width: 90%;
        
    }
    
    html .hamburger {
    display: block;
    margin-top: 40px;
    float: right;
        margin-right: 20px;
        outline: none;
    }
    .scrolled.nav-header{
    padding-bottom: 0;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before{
        
        background-color: #fe3518;   
    }
    
    nav a.logo {
         pointer-events: all;
    }
    a.logo,
    span.logo{
 

       left: 40px;
        top:40px;
        width:80px;
        
    }
        
    .nav-header.scrolled a.logo {
      left: 40px;  
    }
    body.hasHover a.logo:hover {
        opacity:1;   
    }
    
    nav {
        border-bottom: none;

        clear:both;
        padding-top: 0;
    }
    
    .mobileMenu {
        position: fixed;
    top: 96px;
    min-height: calc(100vh - 96px);
    left: 5%;
    right: 5%;
        transition: .4s;
        transform: translateY(-110%);
        background-color: #fff;
        opacity:0;
        padding-left:40px;
        padding-top:60px;
    }
    
    .nav-open  .mobileMenu {
        transform: translateY(0);   
        opacity:1;
    }
    
     .nav-open  {
        overflow: hidden;   
     }
    
    nav ul.pageList {
        float:none;
        width:100%;
        
    }
    nav ul.pageList li {

        text-align: left;
        padding-bottom: 10px;
        position: relative;
        padding-top: 0;
        font-size: 14px;
        display: block;
        width: 100%;
        max-width:200px;
        text-transform: uppercase;
        float: none;
        margin-bottom: 22px;
        line-height: 1em;

    }
    
    nav ul.pageList li:after {
        content: '';
        position: absolute;
        bottom:0;
        left:0;
        width:0;
        height:3px;
        background-color: #fe3518;
        transition:.4s;
    }
    
    body.hasHover nav ul.pageList li:hover:after,
    nav ul.pageList li.active:after
    {
        width:100%;   
    }
    
    nav ul.pageList li a{
    color:#666666;
    }
    
    .indicators {
        display: none;   
    }
    
    nav ul.socialList{
        float:left;   
        top:0;
        
    }
    
    nav ul.socialList li, footer ul.socialList li {
        margin-left:0;
        margin-right:20px;
    }
    
}

@media screen and (max-width:800px) {
    .wordBorder {
    font-size: 80px;
    left: calc(5% + 80px);
}
}