@media screen and (max-width:700px){
   
    .mobile {
        display: block;   
    }
    
    .nomobile {
        display: none;
    }   
    
    .mobileAlignRight {
        text-align: right;   
    }
    .section {
        margin: 40px 0;
    }
    .wordBorder {
        left: 95%;
        opacity:0 !important;
        z-index: 101;
        pointer-events: none;
        bottom: 10px !important;
        transition:.4s;
        font-size: 40px;
        transform:translateY(-100vh) rotate(-90deg);
    }
    
    
     .nav-open .wordBorder {
        opacity:.5 !important;
          transform:translateY(0) rotate(-90deg);
    }
    
    a.logo,
    span.logo{
         left: 5%;   
    }
    
    .nav-header.scrolled a.logo {
        left:5%;   
    }
    
    html .hamburger {
            margin-right: -5%;   
            transform: scale(.8, .8);
    }
    .bio_img_left .bio-image {
        padding-left:0;   
    }
    section.main h1 {
        font-size: 28px;   
         text-size-adjust: none;
      
    }
    section.main h2 {
        font-size: 14px;
        padding-top:25px;
        margin-bottom: 15px;
    }
    
    section.main h3 {
        font-size: 13px;   
        margin-bottom: 14px;
    }
    section.main p {
        font-size: 14px;   
    }
    section.main p.intro {
        width:100%; 
        font-size: 18px;
    }
    
    section.main {
        padding-top: 180px;
    }
    .container {
        padding-left:5%;
        padding-right:5%;
    }
    
    .col_4,
    .col_5,
    .col_6,
    .col_50{
        width:100%;
        float:none;
    }
    
    .indent_col {
        padding-left:0;   
    }
    
    .col_4 .bar.active {
           width:70%;
    }
    
    .alignRight {
        text-align: left;   
    }
    
    .padding_top {
        padding-top:18px;   
    }
    .padding_left {
        padding-left:0;   
    }
    
    .bio_img_right .bio-text,
    .bio_img_left .bio-text {
        padding-top:40px !important;
        padding-left:0;
        margin-bottom:45px;
    }
    
    .bio_img_right .bio-image {
        position: static !important;
        padding-left:0;   
    }
    
    #team .bio-image .imgwrap {
        transform:translateY(0);
    }
    section.main p.superIntro {
        font-size: 28px;   
    }
    
    .bio-image .imgwrap {
        width:100%;   
        max-width:400px;
    }
    
    .bio_img_left {
        margin-top: 40px;   
    }
    .accordion:after {
        border-bottom:none;   
    }
    
    section.main .accordion h3 {
        margin-bottom: 7px;   
    }
    .accordion {
        padding-bottom: 20px;   
    }
    
    footer {
        display: flex;
        flex-direction: column;
        padding:22px 0 120px 0;
    }
    
    footer .socialList,
    footer .logo{
        position: static;
    }

    footer ul.socialList {
        position: static;
        display: flex;
        float: none;
        margin: 2rem 0;
    }

    footer ul.socialList li {
        float: none;
        position: static;
    }
    
    footer h4 {
        font-size: 24px;   
    }
    
    footer p {
        font-size: 14px;   
        line-height: 1.5em;
    }
    .btt{
        
        display: none;   
    }
    .indent_col_20 {
        padding-left:0;   
    }
    
    #companies  .bio_img_left .bio-text { 
        padding-top:0;   
    
    }
    .biography {
        flex-direction: column;
        align-items: flex-start;
        margin: 50px 0;
    }
    .biography.image-left .bio-img,
    .biography.image-right .bio-img {
        order: 1;
        margin: 0 0 20px;
        width: 100%;
    }
    .biography.image-left .bio-txt,
    .biography.image-right .bio-txt {
        order: 2;
    }

    #companies .bio-image {
        position: static !important;
        padding: 0 !important;
    }
    
}