/* Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


  #intro-title {
    margin: 1px 0 1px -7px;
  }

  /* layout */
  .content-inner {
    margin: 0;
    padding: 0;
  }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .introduction div {
    font-size: 20px;
  }

  #intro-title {
    font-size: 70px;
    line-height: 70px;
    margin: 2px 0 2px -2px;
  }

  /* TITLES stay 70px on mobile per request */
  h1 {
    font-size: 70px;
    line-height: 1;
    padding: 0 0 40px 0;
    margin-top: -5px;
  }

  /* layout */
  .content p {
    padding: 0 0 10px 0;
  }

  .content-inner {
    margin: 0;
    padding: 20px 0 0 10px;
  }

  /* countdown: DO NOT HIDE ON MOBILE */
  #countdown-wrapper {
    display: block !important;
    visibility: visible !important;
  }

  ul#countdown li {
    width: 60px;
    text-align: left;
  }

  ul#countdown li span {
    font-size: 35px;
  }

  ul#countdown li p.timeRefDays,
  ul#countdown li p.timeRefHours,
  ul#countdown li p.timeRefMinutes,
  ul#countdown li p.timeRefSeconds {
    font-size: 18px;
  }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  /* general */
  #days-wrapper {
    left: 40px;
    bottom: 73px;
  }

  .introduction div {
    font-size: 20px;
  }

  #intro-title {
    font-size: 70px;
    line-height: 70px;
    margin: 2px 0 6px -2px;
  }

  /* TITLES stay 70px on mobile per request */
  h1 {
    font-size: 70px;
    line-height: 1;
    padding: 0 0 40px 0;
    margin-top: -5px;
  }

  /* layout */
  .content p {
    padding: 0 0 10px 0;
  }

  .content-inner {
    margin: 0;
    padding: 20px 0 0 10px;
  }

  /* countdown (visible) */
  #countdown-wrapper {
    left: 0;
    display: block !important;
    visibility: visible !important;
  }

  ul#countdown li {
    width: 60px;
    text-align: left;
  }

  ul#countdown li span {
    font-size: 35px;
  }

  ul#countdown li p.timeRefDays,
  ul#countdown li p.timeRefHours,
  ul#countdown li p.timeRefMinutes,
  ul#countdown li p.timeRefSeconds {
    font-size: 19px;
    margin: -6px 0 0 0;
  }
}