body {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/background.jpg') no-repeat fixed center center;
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.logo-header {
    border-bottom: 1pt solid #AAA;
    padding: 16pt;
}

.logo-header img {
    object-fit: contain;
    max-width: 100%;
    max-height: 40pt;
    height: 250px;
}

.container .mainbox {
    background-color: white;
    border-radius: 8pt;
}

.mainbox .avatar img {
    height: 50pt;
    width: 50pt;
    border-radius: 100%;
}

.mainbox .innerbox {
    background-color: #f5f4f2;
    border: 2px solid #e7e6e4;
}

.mainbox .hero img {
    width: 100%;
    max-height: 400pt;
    object-fit: cover;
    overflow: hidden;
}

.mainbox .quote {
    font-size: 1.1em;
}

.store-badge img {
    height: 40pt;
    width: 100%;
}

.innerbox h1 {
    font-size: 2em;
    font-weight: bold;
}

.innerbox h5 {
    font-size: 1.2em;
    color: darkgray;
}