/* pc  */
    @media screen and (min-width: 801px) {
      
header, footer { 
background: #80ab37;}

  }
    
/* smartphone  */
    @media screen and (max-width: 480px) {

header, footer { 
background: #80ab37;}

    }
    
  
/* tablet */  
    @media screen and (min-width: 481px) and (max-width: 800px) {

header, footer { 
background: #80ab37;}
    }