.orientation-msg-container { width: 100%; height: 100%; display: none; position: fixed; background-color: rgb(0, 0, 0); }
.orientation-msg-text { font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); text-align: center; width: 80%; position: fixed; top: 50%; transform: translate(15%, -50%); }
@media (max-width: 767px) {
  .orientation-msg-text { font-size: 30px; }
}
@media (max-width: 500px) {
  .orientation-msg-text { font-size: 30px; }
}