html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    /*background-image: url('../content/background-scaled.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
}

html, body, .fill-height {
    height: 100%;
    margin: 0;
}

.box {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.box .content {
    flex: 1 1 auto;
}

main {

}

.centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-container {
    width: 100%;
    background: #00132b;
    height: 193px;
}

.banner {
    
}

.banner-right {
    position: absolute;
    right: 0;
    top: 0;
}