.header{
    height:40px;
    display: none;
    display:inline-flex;
    border:2px solid black;
    border-radius:2px;
    margin-right:10px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
    text-align:center;
}
#header a{
     padding:5px;
}
#header input{
    border:none;
}
#header #lyricheader{
    float:right;
    
}
#header #searchheader{
    width:700px;
    position:absolute;
}
#header select{
    border:none;
    font-size:20px;
    width:300px;
    height:28px;
    text-align-last:center;
    background-color:white;
}
#header #searchQueryTitle,#shdrinput{
    
     width:230px;
}
#header select:active{
    border:none;
}
#header select:focus{
    border:none;
    outline:none;
}
#header option:focus{
    outline:none;
}

#lcdrreturn{
        visibility:hidden;
    }
#lcdrchords{
        visibility:hidden;
}
#shdrinput {
    
}
#shdrsearch {
    
    display:none;
}
#shdrcancel {
    display:none;
    float:right;
}
#settings {
    display: none;
}
#shdrrefine {
    vertical-align:bottom;
    margin-left:15px;
}
#shdrsettings{
     
    display:none;
}
@media only screen and (max-width: 800px){
       #header select{
   
    width:200px;
   
} #header #searchQueryTitle,#shdrinput{
    
     width:200px;
}
    
}
@media only screen and (max-width: 750px){
    #lcdrreturn{
        visibility:visible;
    }
    #header #lyricheader{
    display:none;
         float:none;
    
}
    #header #searchheader{
    width:100%;
         position:relative;
}
    #shdrinput {
    display:none;
}
    
    #shdrsearch {
    float:right;
    display:inline-grid;
}
    #shdrsettings{
     float:right;
    display:inline-grid;
}

}


@media only screen and (max-width: 500px){
    
    #header #lyricheader{
    visibility:hidden;
    display:none;
       
    
}
   
    
     #header select{
   
    width:175px;
   
} #header #searchQueryTitle,#shdrinput{
    
     width:175px;
}
    
    #slrcreturn{
        margin-left:10px;
    }
    
    
    
    
}