@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: portrait) {
  /* STYLES GO HERE */

  body {
    /* background-color:#e2cdb2; */
    background-color: #fff;
  }

  .success-list-component-box {
    float: none;
    text-align: left;
  }

  .game-letters-component-input-box {
    position: relative;
    height: 100px;
    background-color: transparent;
    width: 90vw;
    margin: 0 auto;

    /* padding:10px; */
  }

  .stackedView {
    /* height:220px; */
    height: inherit;
    margin: 0 auto;
    padding: 20px 0;
  }

  .success-list-subview-flexlist li {
    margin-left: 0;
    padding-left: 0;
    font-size: 20pt;
  }

  .success-list-subview-flexlist {
    background: white;
    box-shadow: 0 5px 5px #ccc;
    border-radius: 20px;
    margin: 10px 0 20px;
    padding: 10px;
  }

  .game-letters-component-list {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 4px 5px #ccc;
  }

  .container {
    width: 95vw;
  }

  .game-letters-component-button {
    background: #99c;
    border: 0;
    color: white;
    font-size: 30pt;
    text-transform: uppercase;
    display: block;
    width: 90vw;
    margin: 30px auto 20px;
  }

  .stackedView a {
    font-size: 20pt;
    cursor: pointer;
  }

  .success-list-reset-button-box a {
    color: inherit;
  }

  .stackedView a:hover {
    color: inherit;
    text-decoration: none;
  }

  .game-letters-component-input,
  .game-letters-component-input-disabled {
    font-size: 50pt;
    width: 90vw;
    margin: 0 auto;
  }

  .game-letters-component-input-disabled {
    color: #777;
  }

  .game-preferences-cog {
    /* padding-left:20px; */
    display: block;
  }

  .success-list-reset-button-box {
    background: #ccc;
    border-radius: 10px;
    text-align: center;
    font-size: 30pt;
    text-transform: uppercase;
    padding: 20px;
    color: #333;
  }

  .header-remaining-count-tag-teaser {
    right: 30%;
  }
}