/* BREAKPOINTS */
/* Very big Screens = XL */
/* Normal Screens = L */
/* Tablet = M */
/* Smartphone = S */
/* CSS */
/* L */
@media screen and (min-width: 1000px) {
  main, footer {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  main #dance-floor-link .text-box, main #chatroom-link .text-box {
    left: 28%; }
  main #chill-floor-link .text-box {
    left: 25%; }
  footer {
    margin-bottom: 10em; }
  li {
    display: inline-block;
    vertical-align: top; }
  li.right {
    margin-left: 2em; }
  #dance-floor-link, #chill-floor-link, #chatroom-link {
    width: 49%;
    display: inline-block; }
    #dance-floor-link img, #chill-floor-link img, #chatroom-link img {
      width: 100%; }
  #chatroom-link {
    width: 49%; }
    #chatroom-link img {
      width: 100%; }
  #type img {
    width: 60%; }
  #info {
    vertical-align: top;
    display: inline-block;
    margin-right: 5%;
    width: 50%; }
  #about {
    vertical-align: top;
    display: inline-block;
    width: 40%; }
  #paypal {
    position: fixed;
    right: 8%;
    bottom: 1em; }
  #paypal {
    top: 28em; } }

/* M */
@media screen and (max-width: 999px) {
  main, footer {
    width: 90%;
    margin-left: 5%; }
  main h2 {
    font-size: 2.5em; }
  main .text-box {
    top: 28%;
    left: 17%; }
  main #chatroom-link .text-box {
    top: 36%;
    left: 22%; }
  footer {
    margin-bottom: 5em; }
  #dance-floor-link, #chill-floor-link, #chatroom-link {
    width: 100%;
    display: block; }
    #dance-floor-link img, #chill-floor-link img, #chatroom-link img {
      width: 100%;
      max-width: 500px; }
    #dance-floor-link a, #chill-floor-link a, #chatroom-link a {
      color: #fff;
      line-height: 1.2em; }
  #info a {
    color: #000; }
    #info a:hover {
      color: #fff; }
  #paypal {
    position: relative;
    margin-left: 4em;
    margin-bottom: 3em; }
  .hide-m {
    display: none; } }