html, body {
    height: 100%;
}
body {
    display: flex;
}

.background {
    display: flex;
    background: url('/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    flex: 1;
}

.full-length {
    flex: 1;
}

.glass {
    background-color: rgba(0,0,0,.7);
}

.mdl-layout__header-row .mdl-button {
    color:#FFFFFF !important;
}

.hero-section {
    position: relative;
    height: 800px;
    width: auto;
}

.hero-font {
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 100 !important;
}

.hero-main-text {
    font-size: 58px;
    line-height: 1.3;
    padding-top: 160px;
}

.hero-sub-text {
    font-size: 21px;
    padding-top: 24px;
}