/* Screen Rotate */
body:before {
    display: none;
	content: 'S';
    }

@media only screen and (min-width: 300px) { 
  body:before {
      content: 'S';
  }
}

@media only screen and (min-width: 570px) { 
  body:before {
      content: 'SL';
  }
}

@media only screen and (min-width: 768px) { 
  body:before {
      content: 'M';
  }
}

@media only screen and (min-width: 1024px) { 
  body:before {
      content: 'L';
  }
}