body {
    background-image:radial-gradient(circle, #384d5a, #1e2b32);
    background-position:75% center;
}
.grid {
    width:103%;
    margin-left: -1.5%;
    display: flex;
    flex-wrap: wrap;
}

.grid-item {
    margin: 1.5% !important;
    width: 30.33%;
}
.grid a {
    width:100%;
    height:100%;
}
.grid img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.movie-teaser {
    box-shadow:.5em .5em 1em rgba(0,0,0,.25) !important;
}
nav {
    position: absolute;
    top:0;
    width:100%;
    display:flex;
    justify-content: space-between;
    z-index: 1;
    left:0;
    display: block;
}
#app {
    position: relative;
}
.header {
    height:auto !important;
    min-height:14em;
}
.header:before {
    background-image:none;
}
.slider {
    width:100%;
    position: absolute;
    top:0;
    left:0;
}
.slick-track {
    width:100%;
}
.slick-slide {
    object-fit: cover;
    width:100vw;
    height:55vw;
    max-width:none !important;
}
.poster {
    max-width:30% !important;
    box-shadow:.2em .2em 1em rgba(0,0,0,.5) !important;
    float:left;
    margin-right:1em;
    display: block;
}
nav .inner {
    display: flex;
}
.dropdown-item {
    margin-left:auto;
}
h1 {
    line-height:1em;
}
.info1 {
    position: relative !important;
    margin-top:14em;
}