:root { --color-primary: #ad2c44; }
header {
    min-height: 200px;
    @media (min-width: 576px) {
         height: 30vh;
     }
    #event-logo {
        margin: auto;
                @media (min-width: 576px) {
                padding-right: 8vw;
                margin: unset;
                margin-left: auto;
                }
        max-height: 140px!important;
    }
}
footer {
    font-size: unset;
    font-weight: bold;
    max-width: unset;
    padding: 20px 5px;
    text-shadow: 0px 0px 13px #000000fc;
    color: var(--color-primary);
    --color-primary-text: white;
    --color-primary-text-dark: #35418d;
}
@media (max-width: 768px){ label {
    text-align: left!important;
    }                        
}
#top-bg {
    height: 100vh;
}
#main-card {
    min-height: unset;
}
.markdown-wrapper {
    .markdown-toolbar {
        flex-wrap: wrap;
}
.col-md-3 {
    max-width: 20%;
}
.col-md-9 {
    flex: 0 0 80%;
    max-width: 80%;
}