@font-face {
  font-family: 'castellarregular';
  src: url("../fonts/castelar-webfont.eot");
  src: url("../fonts/castelar-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/castelar-webfont.woff2") format("woff2"), url("../fonts/castelar-webfont.woff") format("woff"), url("../fonts/castelar-webfont.ttf") format("truetype"), url("../fonts/castelar-webfont.svg#castellarregular") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

section, header {
  height: 100vh;
  min-height: 40rem;
  background-color: #1A2543;
  overflow-x: hidden; }

header {
  /*height:100vh;
  min-height:40rem;*/
  background-image: url("../images/poster_bg.png");
  /*background-size:cover;
  background-position:10px 10%;*/
  background-position: 0 20%;
  background-size: 101% auto;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-family: 'castellarregular'; }
  header div {
    color: white;
    /*background-color:#1A2543;*/ }
    header div h1 {
      letter-spacing: 5px;
      /*width:35rem;
      margin:0 auto;*/
      text-align: center;
      padding: 0.8rem 0 0;
      font-size: 3rem;
      font-weight: normal;
      font-style: normal; }
    header div nav {
      height: 4rem; }
      header div nav ul {
        display: flex;
        justify-content: center;
        width: 100vw;
        /*width:35rem;*/
        /*min-width:34.1875rem;*/
        margin: 0 auto;
        padding: 2vw 0;
        list-style: none; }
        header div nav ul li {
          /*flex:1;
          width:5rem;*/
          /*background-color:green;*/
          text-align: center;
          /*padding:0 0.5rem;*/
          padding: 0 2vw;
          border-right: 1px solid white; }
          header div nav ul li:last-child {
            border-right: none; }
          header div nav ul li a {
            color: inherit;
            text-decoration: none;
            font-weight: normal;
            font-style: normal;
            font-family: 'castellarregular'; }

.bubbel-poster {
  /*background-image:url('../images/affiche_bg.png');
  background-size:cover;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e5da+0,f4f1fa+100 */
  background: #f3e5da;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3e5da 0%, #f4f1fa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3e5da 0%, #f4f1fa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3e5da 0%, #f4f1fa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-family: Centaur;
  height: auto;
  min-height: 100vh; }
  .bubbel-poster .poster-top {
    height: 8vh;
    background-color: #1A2543; }
  .bubbel-poster .bubbel-poster-holder {
    display: flex; }
    .bubbel-poster .bubbel-poster-holder .asset-holder {
      flex: 1; }
    .bubbel-poster .bubbel-poster-holder .poster-holder {
      flex: 2;
      padding: 3rem 10vw; }
      .bubbel-poster .bubbel-poster-holder .poster-holder img {
        max-width: 100%;
        max-height: 92vh; }
    .bubbel-poster .bubbel-poster-holder .text-holder {
      flex: 3;
      padding-top: 2rem;
      padding-right: 5rem;
      font-size: 1.6rem;
      text-align: justify; }
      .bubbel-poster .bubbel-poster-holder .text-holder p {
        margin: 0.8rem; }
      .bubbel-poster .bubbel-poster-holder .text-holder p:not(:first-of-type) {
        font-style: italic; }

.page {
  position: relative; }
  .page .back-button {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #1A2543;
    border-radius: 50%;
    font-size: 1.2rem;
    padding: 0.9rem 0.3rem; }
    .page .back-button a {
      color: white;
      text-decoration: none; }

@media only screen and (max-width: 48rem) {
  header {
    background-position: 0 15%; }
    header div h1 {
      /*width:100vw;*/
      text-align: center;
      letter-spacing: 3px;
      /*margin:0 auto;*/
      font-size: 2.3rem; }
    header div nav ul {
      /*justify-content: center;					
      width:auto;*/ }
      header div nav ul li {
        font-size: 0.7rem;
        padding: 0 0.5vw; }

  .bubbel-poster {
    height: auto; }
    .bubbel-poster .poster-top {
      /*height:8vh;
      background-color:#1A2543;	*/ }
    .bubbel-poster .bubbel-poster-holder {
      display: block; }
      .bubbel-poster .bubbel-poster-holder .poster-holder {
        padding: 0;
        margin: 0 auto;
        text-align: center; }
        .bubbel-poster .bubbel-poster-holder .poster-holder img {
          max-width: 100%;
          max-height: 100vh; }
      .bubbel-poster .bubbel-poster-holder .text-holder {
        padding-right: 0;
        padding-bottom: 1rem; }

  .page .back-button {
    bottom: 0;
    right: 0;
    width: 3.5rem;
    height: 3.5rem; } }

/*# sourceMappingURL=style.css.map */