.film_registration_intro .infoboxes {
  position: relative;
  background: #ebeee9;
}
.film_registration_intro .infoboxes .coverup {
  position: absolute;
  top: 0;
  left: 50%;
  background: #FFF;
  height: 100%;
  overflow: hidden;
}
.film_registration_intro .infoboxes .infobox {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.film_registration_intro .infoboxes .infobox:first-child {
  float: left;
}
.film_registration_intro .infoboxes .infobox header {
  background: #ebeee9;
}
.film_registration_intro .infoboxes .infobox header h6 {
  line-height: 1.6rem;
  font-size: 1.6rem;
}
.film_registration_intro .infoboxes .infobox .info {
  -webkit-opacity: .6;
  -moz-opacity: .6;
  opacity: .6;
  border-top: 0.1rem solid #c7cbc7;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
}
.film_registration_intro .deadlines .deadline {
  text-align: right;
}
.film_registration_intro .deadlines .deadline h4 {
  display: inline-block;
  border-bottom: 0.1rem solid #e6e6e6;
  color: #2c2c2c;
  width: 50%;
}
.film_registration_intro .deadlines .deadline .preface {
  color: #e94622;
  padding: 0.9rem 0rem;
}
@media (min-width: 1366px) {
  .film_registration_intro .infoboxes .infobox {
    padding: 0rem 0rem 2.2rem;
    width: -webkit-calc(-2.2rem * 0.5 + 100% * 0.5);
    width: calc(-2.2rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 1.1rem 2.2rem;
  }
  .film_registration_intro .infoboxes .coverup {
    margin: 0rem 0rem 0rem -1.1rem;
    width: 2.2rem;
  }
  .film_registration_intro .start-button {
    margin: 2.2rem 0rem 0rem;
    width: -webkit-calc(-2.2rem * 0.5 + 100% * 0.5);
    width: calc(-2.2rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 4.4rem;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .film_registration_intro .infoboxes .infobox {
    padding: 0rem 0rem 2.2rem;
    width: -webkit-calc(-2.2rem * 0.5 + 100% * 0.5);
    width: calc(-2.2rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 1.1rem 2.2rem;
  }
  .film_registration_intro .infoboxes .coverup {
    margin: 0rem 0rem 0rem -1.1rem;
    width: 2.2rem;
  }
  .film_registration_intro .start-button {
    margin: 2.2rem 0rem 0rem;
    width: -webkit-calc(-2.2rem * 0.5 + 100% * 0.5);
    width: calc(-2.2rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 4.4rem;
  }
}
@media (min-width: 950px) and (max-width: 1279px) {
  .film_registration_intro .infoboxes .infobox {
    padding: 0rem 0rem 1.6rem;
    width: -webkit-calc(-1.8rem * 0.5 + 100% * 0.5);
    width: calc(-1.8rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 0.8rem 1.6rem;
  }
  .film_registration_intro .infoboxes .coverup {
    margin: 0rem 0rem 0rem -0.9rem;
    width: 1.8rem;
  }
  .film_registration_intro .start-button {
    margin: 1.8rem 0rem 0rem;
    width: -webkit-calc(-1.8rem * 0.5 + 100% * 0.5);
    width: calc(-1.8rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 3.6rem;
  }
}
@media (min-width: 737px) and (max-width: 949px) {
  .film_registration_intro .infoboxes {
    background: none;
  }
  .film_registration_intro .infoboxes .infobox {
    background: #ebeee9;
    margin: 0rem 0rem 1.4rem;
    padding: 0rem 0rem 1.4rem;
    width: 100%;
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 0.7rem 1.4rem;
  }
  .film_registration_intro .infoboxes .coverup {
    display: none;
  }
  .film_registration_intro .start-button {
    margin: 1.4rem 0rem 0rem;
    width: -webkit-calc(-1.4rem * 0.5 + 100% * 0.5);
    width: calc(-1.4rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline h4 {
    width: 100%;
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 2.8rem;
  }
}
@media (min-width: 415px) and (max-width: 736px) {
  .film_registration_intro .column.column-primary .content {
    padding-right: 0;
  }
  .film_registration_intro .column.column-tertiary {
    float: none;
    width: 100%;
  }
  .film_registration_intro .infoboxes .infobox {
    padding: 0rem 0rem 1.4rem;
    width: -webkit-calc(-1.4rem * 0.5 + 100% * 0.5);
    width: calc(-1.4rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 0.7rem 1.4rem;
  }
  .film_registration_intro .infoboxes .coverup {
    margin: 0rem 0rem 0rem -0.7rem;
    width: 1.4rem;
  }
  .film_registration_intro .start-button {
    margin: 1.4rem 0rem 0rem;
    width: -webkit-calc(-1.4rem * 0.5 + 100% * 0.5);
    width: calc(-1.4rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline {
    text-align: left;
  }
  .film_registration_intro .deadlines .deadline h4 {
    width: 100%;
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 2.8rem;
  }
}
@media (min-width: 1px) and (max-width: 414px) {
  .film_registration_intro .infoboxes {
    background: none;
  }
  .film_registration_intro .infoboxes .infobox {
    background: #ebeee9;
    margin: 0rem 0rem 1.4rem;
    padding: 0rem 0rem 2rem;
    width: 100%;
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 1rem 2rem;
  }
  .film_registration_intro .infoboxes .coverup {
    display: none;
  }
  .film_registration_intro .start-button {
    margin: 1.4rem 0rem 0rem;
    width: -webkit-calc(-1.4rem * 0.5 + 100% * 0.5);
    width: calc(-1.4rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline {
    text-align: left;
  }
  .film_registration_intro .deadlines .deadline h4 {
    width: 100%;
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 2.8rem;
  }
}
@media (max-width: 1px) {
  .film_registration_intro .column.column-primary .content {
    padding-right: 0;
  }
  .film_registration_intro .column.column-primary,
  .film_registration_intro .column.column-tertiary {
    float: none;
    width: 100%;
  }
  .film_registration_intro .infoboxes {
    background: none;
  }
  .film_registration_intro .infoboxes .infobox {
    background: #ebeee9;
    margin: 0rem 0rem 1.4rem;
    padding: 0rem 0rem 1.4rem;
    width: 100%;
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 0.7rem 1.4rem;
  }
  .film_registration_intro .infoboxes .coverup {
    display: none;
  }
  .film_registration_intro .start-button {
    margin: 1.4rem 0rem 0rem;
    width: -webkit-calc(-1.4rem * 0.5 + 100% * 0.5);
    width: calc(-1.4rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 2.8rem;
  }
}
@media (max-width: 1px) {
  .film_registration_intro .infoboxes .infobox {
    margin: 0rem 0rem 1rem;
    padding: 0rem 0rem 1rem;
  }
  .film_registration_intro .infoboxes .infobox header,
  .film_registration_intro .infoboxes .infobox .info {
    padding: 0.5rem 1rem;
  }
  .film_registration_intro .start-button {
    margin: 1rem 0rem 0rem;
    width: -webkit-calc(-1rem * 0.5 + 100% * 0.5);
    width: calc(-1rem * 0.5 + 100% * 0.5);
  }
  .film_registration_intro .deadlines .deadline:first-child .preface {
    margin: 0rem 0rem 2rem;
  }
}