@media screen and (max-width: 1023px) {

  body {
    padding: 10px 20px;
  }
  .content_text  
  {
    top: 175px;
    transform: translate(-50%,0%);
  }
  #logo{
    left: 50%;
    top: 50px;
    transform: translate(-50%,0%);
  }

  #footer {
    left: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {

  .counter-box .days, .counter-box .hours, .counter-box .minutes, .counter-box .seconds
  {
    font-size: 1.5rem;
    width:70px;
    line-height: 4rem;
    padding:0px 10px;
  }
  .counter-box .days
  {
    font-size: 2rem;
  }
  .counter-separator
  {
    font-size: 1.5rem;
    padding: 0 5px;
  }
  .menu a
  {
    padding: 7px;
    font-size: 0.8rem;
  }
  
}
@media screen and (max-width: 424px) {

  .menu a
  {
    display:block;
  }
  .counter-box .days, .counter-box .hours, .counter-box .minutes, .counter-box .seconds
  {
    width:55px;
  }
  #newsletter-form input[type="text"], #newsletter-form input[type="password"], #newsletter-form input[type="email"]
  {
    width:90%;
  }
  
}
/*@media screen and (max-width: 1280px) {

  #bg div.visible {
    -moz-animation: bg 29.25s linear infinite;
    -webkit-animation: bg 29.25s linear infinite;
    -ms-animation: bg 29.25s linear infinite;
    animation: bg 29.25s linear infinite;
  }

}

@media screen and (max-width: 736px) {

  #bg div.visible {
    -moz-animation: bg 18s linear infinite;
    -webkit-animation: bg 18s linear infinite;
    -ms-animation: bg 18s linear infinite;
    animation: bg 18s linear infinite;
  }

}

@media screen and (max-height: 680px), screen and (max-width: 624px) and (max-height: 780px) {
  body{
    display: block;
    height: auto;
  }

  #logo, #footer{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  #logo {
    margin-bottom: 30px;
  }

  #footer {
    margin-top: 30px;
  }
}*/