@media only screen
and (min-device-width: 768px) 
and (max-width: 820px) {
    
.desktop{
    display:none;
}

.mobile{
    display:block;
}
 .navigation-bar{
     display:none;
 }
 
 .button-fit {
    width: 100%;
}

  
}


@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1112px)
   and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
      
  
}




  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      


}