body, html {
  height: 100%;
  margin: 0;
  background: #F2F2F2; }

div.sofaKingImg {
  position: relative;
  background-image: url("/assets/images/sofa-king-cool.jpg");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  div.sofaKingImg div#message {
    width: 100%;
    height: 100%;
    font-family: 'Fredoka One', cursive;
    text-align: center;
    color: #F2F2F2;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: 2% 25% 46% 25% 2%; }
    div.sofaKingImg div#message div {
      letter-spacing: 5px; }
      @media (min-width: 400px) {
        div.sofaKingImg div#message div {
          font-size: 1.5em; } }
      @media (min-width: 768px) {
        div.sofaKingImg div#message div {
          font-size: 3em; } }
      @media (min-width: 992px) {
        div.sofaKingImg div#message div {
          font-size: 4em; } }
      div.sofaKingImg div#message div span {
        background-color: #0477BF;
        border-radius: 3em;
        padding: 1em;
        line-height: 3em; }
    div.sofaKingImg div#message div.top {
      grid-column: 1 / span 3;
      grid-row: 2; }
    div.sofaKingImg div#message div.bottom {
      grid-column: 1 / span 3;
      grid-row: 4; }