#webmenu { display: block; } 
#mobilemenu { display: none; } 
#webbanner { display: block; } 
#mobilebanner { display: none; } 

.subtext {
    width: 100%; 
    margin-top: -60px; 
    padding: 30px 10px 30px 10px; 
    background-color: #00a042; 
    font-family: 'Lora', serif; 
    font-size: 20px; 
    color: #fff; 
    line-height: 1.3em;
}


@media all and (max-width : 900px) {
  #webmenu { display: none; }   /* hide it elsewhere */
  #mobilemenu { display: block; } 
  #webbanner { display: none; }   /* hide it elsewhere */
  #mobilebanner { display: block; }   

  .subtext {
    width: 100%; 
    margin-top: -60px; 
    padding: 30px 10px 30px 10px; 
    background-color: #00a042; 
    font-family: 'Lora', serif; 
    font-size: 15px; 
    color: #fff; 
    line-height: 1.3em;
}

}