logo{vertical-align: middle;
    border-style: none;
    height: 100%;
    width: 100%;}
  .spmshl{
    position: absolute;
    width: 100%;
    height: 6vh;
    
    left: 100px;
    
  }

img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: 100%;
}
  @media only screen and (max-width: 1200px) {
   
  .spmshl {
   width: 100%;
    left: 100px;
 }

  }

 @media only screen and (max-width: 1000px) {
        
    .spmshl {
      
       left: 10px;
    }
    
      }

      @media only screen and (max-width: 900px) {
        
      .spmshl {
       
         left: 10px;
      }
  
      }
      @media only screen and (max-width: 800px) {
        
      .spmshl {
        
    left: 7px;
    
      }
  }
      
    
    
  @media only screen and (max-width: 600px) {
   
  .spmshl {
    
    left: 5px;
   
    
  }

  }
  @media only screen and (max-width: 550px) {
    
  .spmshl {
    
    left: 53px;
    
  }

  }
  
  @media only screen and (max-width: 520px) {
    
  .spmshl {
    
    left: 53px;
    height: 3vh;
    
  }
}
  
  @media only screen and (max-width: 500px) {
    
  .spmshl {
    
    left: 39px;
    height: 3vh;
    
  }
}
  
  @media only screen and (max-width: 450px) {
    
  .spmshl {
    
    left: 36px;
    height: 3vh;
    
  }
  
  }
  
  
  
  
  @media only screen and (max-width: 400px) {
	  
    
  .spmshl {
   
    left: 21px;
    
  }
  
  }