/* absolute smallest screen widths */
@media ( width <= 576px) {
  .seat[pos="1"] {
    left:13%;
  }
  .seat[pos="2"] {
  }
  .seat[pos="3"] {
  }
  .seat[pos="4"] {
    left:88%;
  }
/*
  .seat[pos="5"] .seat-name {
    margin-top:-30px;
    margin-left:12px;
    margin-bottom:10px;
  }
*/
  .hand { left:6px; scale:80%; }

  .held-card img, .played-card img, .sweep-card img {
    display:none;
  }

  .seat[pos="5"] .dealer label, .seat[pos="5"] .picker label {
    display:none;
  }
  .seat[pos="5"] .player-icons {
    width:30px;
  }
}

/* anything under 700 wide don't show the svg cards */
@media ( width < 700px) or ( height < 620px ) {

  .held-card img, .played-card img, .sweep-card img {
    display:none;
  }

/*
  .seat .picker {
    margin-left:-3px;
  }
*/

}


@media ( width >= 700px ) and ( height >= 620px ) {

  .held-card .card-sm, .played-card .card-sm, .sweep-card .card-sm {
    visibility:hidden;
  }
/*
  .hand {
    top:537px;
    left:100px;
  }
*/
  .held-card, .played-card, .sweep-card {
    width: 62px;
    height: 86px;
  }

  .seat[pos="3"] .played-card, .seat[pos="3"] .sweep-card {
    left:6px;
  }
  .seat[pos="4"] .played-card, .seat[pos="4"] .sweep-card {
    left:-69px;
  }

  .picker label, .dealer label {
    display:inline-block;
  }
  .seat[pos="1"] .player-icons, .seat[pos="2"] .player-icons, .seat[pos="3"] .player-icons, .seat[pos="4"] .player-icons, .seat[pos="5"] .player-icons {
    width:84px;
  }

  .seat[pos="2"], .seat[pos="3"] {
    margin-top:35px;
  }

}

@media ( height >= 700px ) {

  .play_area {
    height: 630px;
  }

  .chat, .chat_wrapper .members {
    height: 500px;
  }

  .seat[pos="1"] {
    margin-top:255px;
  }

  .seat[pos="4"] {
    margin-top:255px;
  }

  .seat[pos="5"] {
    margin-top:530px;
  }

  .seat[pos="1"] .played-card, .seat[pos="1"] .sweep-card {
    margin-top:-10px;
  }
  .seat[pos="2"] .played-card, .seat[pos="2"] .sweep-card {
    left:19px;
  }
  .seat[pos="3"] .played-card, .seat[pos="3"] .sweep-card {
    left:19px;
  }
  .seat[pos="4"] .played-card, .seat[pos="4"] .sweep-card {
    left:-72px;
    margin-top:-10px;
  }

  .hand {
    top:537px;
    left:100px;
  }


}


/* large desktop screen size */
@media ( width >= 1230px) and ( height >= 830px) {

  .held-card, .played-card, .sweep-card {
    width:79px;
    height:110px;
  }

  .seat[pos="2"] .played-card, .seat[pos="2"] .sweep-card {
    left:8px;
  }
  .seat[pos="3"] .played-card, .seat[pos="3"] .sweep-card {
    left:8px;
  }
  .seat[pos="4"] .played-card, .seat[pos="4"] .sweep-card {
    left:-87px;
  }

}

@media ( height >= 830px ) {
  .play_area {
    height:756px;
  }

  .chat, .chat_wrapper .members {
    height: 653px;
  }

  .seat[pos="1"] {
    margin-top:300px;
  }
  .seat[pos="4"] {
    margin-top:300px;
  }
  .seat[pos="5"] {
    height:126px;
    margin-top:630px;
  }

  .hand {
    top:637px;
    left:120px;
  }

}

@media ( width >= 1400px) and ( height >= 830px) {

  .play_area {
    height:779px;
  }

  .chat, .chat_wrapper .members {
    height:679px;
  }

  .seat[pos="5"] {
    min-height:150px;
    margin-top:630px;
  }

  .held-card, .played-card, .sweep-card {
    width:96px;
    height:135px;
  }

  .seat[pos="2"] .played-card, .seat[pos="2"] .sweep-card {
    left:0px;
  }
  .seat[pos="3"] .played-card, .seat[pos="3"] .sweep-card {
    left:0px;
  }
  .seat[pos="4"] .played-card, .seat[pos="4"] .sweep-card {
    left:-103px;
  }
  .seat[pos="5"] .played-card, .seat[pos="5"] .sweep-card {
    margin-top:-147px;
  }

}


/* at 1600 outer-wrapper stops getting bigger - center it instead */
@media (min-width: 1600px) {

  .outer-wrapper .row {
    margin-left: auto;
    margin-right: auto;
  }
}