html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

* {
    box-sizing: border-box;
}

/* Layout */
.text-center {
    text-align: center !important;
}
.container {
    /* position: relative; */
    width: 100%;
    max-width: 960px;
    padding: 0 15px;
    margin: auto;
}

body {
    display: flex;
    flex-direction: column;
}

body > main {
    flex: 1;
    padding-top: 60px;
}

header {
    position: fixed;
    width: 100%;
    background: #FFF;
    height: 60px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}

header .container {
    padding-top: 10px
}
header .logo {
    margin-right: 30px;
}
header .logo,
header nav,
header nav a {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

header nav > a {
    padding: 10px 20px;
    color: #000;
    font-size: 20px;
    text-decoration: none;
}


section.section {
    padding: 60px 0;
}

/* Banner */
.banner {
    position: relative;
    background: url(//placeimg.com/1200/800/any) center no-repeat / cover;
    padding-bottom: 56.25%;
}

.banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .25;
    z-index: 0;
}

.banner .caption {
    position: absolute;
    color: #FFF;
    width: 100%;
    top: 40%;
    left: 0;
    padding: 20px 40px;
    z-index: 1;
}
.banner .caption h1 {
    font-size: 40px;
}
.banner .caption p {
    font-size: 20px;
}
.banner .caption * {
    margin: 0 0 10px;
}




/*  Export Bar */
.export-control-bar {
    position: fixed;
    width: 100%;
    text-align: right;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    background: rgba(0,0,0,.75);
}

.export-control-bar * {
    vertical-align: middle;
}

.export-control-bar label {
    font-size: 13px;
    color: #FFF;
}
.export-control-bar input {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #000;
    border: 1px solid darkgray;
}

.export-control-bar button {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    border: 1px solid coral;
    background: lightcoral;
    border-radius: 2px;
}
.export-control-bar input {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    background: #000;
    border: 1px solid darkgray;
    border-radius: 2px;
}