﻿
 .featureStop i {
   width:100px;
   font-size: 200%;
 }

  .textexpand{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70vw;
    line-height: 1.4;
    border-radius: 0;
    border: none;
  }

  .textexpand:hover{
    white-space: normal;
  }
  .featureBlock{
    padding: 20px;
    padding: 20px 0px;
  }
  .featureStop{
    /* position: sticky; */
    top: 0px;
    z-index: 1;
  }
  .sticknav{
    position: sticky;
    top: 130px;  
  }

  .page-section:target {
     padding-top: 120px;
     margin-top: -120px;
  }

  @media only screen and (max-width: 1280px){
    .featureBlock{    
    top: 0px;
    }
    
    .sticknav{
    top: 107px;  
    }

    .page-section:target {
     padding-top: 113px;
     margin-top: -113px;
    }
  }
  
  @media only screen and (min-width: 1024px){
    .featureBlockHide{
        display:none;
    }
  }

  @media only screen and (max-width: 639px){
    .sticknav{
    top: 0px; 
    display:none; 
    }
  }
  .navigation { 
    width: 100%;
    margin-left: 2%;
    color: #fff;
    }
    
    .navigation li {
    width:100%;  
    } 

    .navigation ol {
    list-style-type: none;
    }            

            
    .navigation .active {
    color: white;
    background-color: rgba(0,0,0,0.1);
    }

    .menuLink{
    padding-left: 10px;
    }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .featureStop{
        position: inherit;
        top: 129px;
        z-index: 1;
    }
    .sticknav{
        position: inherit;
        top: 130px;  
    }
    .page-section:target {
        padding-top: 128px;
        margin-top: -128px;
    }
    i {
        display:none;
    }
    .featureStop i{
        display:none;
    }
}