*,
*:after,
*:before {
        box-sizing: border-box;
}

slideshow,
slide,
container,
content,
logo {
        display: block;
}

body {
        margin: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        font-family: "Avenir Next", Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
        color: #252445;
        background: #aaa;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}

a {
        outline: none;
        color: #FFEB3B;
        text-decoration: none;
        -webkit-transition: color 300ms ease;
                transition: color 300ms ease;
}

a:hover,
a:focus {
        color: #FFF176;
}

.hidden {
        margin: 0;
        padding: 0;
        height: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        line-height: -1;
        text-indent: -99999;
}

/* slideshow */

container {
        position: absolute;
        width: 100%;
        margin: auto;
        padding: 1.2rem;
  z-index: 1;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;

        text-align: center;
        color: #fff;
        font-weight: 400;
        font-size: 19px;
        font-size: 1.2rem;

  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);

        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}

container img {
        width: 90%;
        max-width: 490px;
        height: auto;
}