header {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.btm-padding-100px {
    padding-bottom: 100px;
}

.centered-vertical-container {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container {
    max-width: 1180px;
}

/* Semi-transparent white box for main content */
#main-container {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
}

/* When main has a theme background image, make the container more transparent so the image shows through */
main.has-theme-background #main-container {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    #main-container {
        padding: 24px;
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    #main-container {
        padding: 20px;
        border-radius: 8px;
    }
}

.header-logo {
    display: flex; justify-content: center;
}

.header-top {
    background: #3ABBA7;
    height: 45px;
}

.header-btm {
    background: #FFF;
    padding: 9px 0;
}