html, body {
    font-family: Montserrat, Verdana, sans-serif;
}

@media only screen and (max-width: 768px) {
    html, body { font-size: 20px }
    .card { border: 0px }
    .alert-success, .alert-danger, .alert-warning { font-size: 0.75rem }
}

.background-color-st {
   background-color: #401788;
}

.background-color-tl {
    background-color: #352C74;
}

.background-color-white {
    background-color: #FFFFFF;
}

.border-color-st {
   border-color: #401788;
}

.border-color-tl {
    border-color: #352C74;
}

.color-st {
   color: #401788;
}

.color-tl {
    color: #352C74;
}

.color-white {
    color: #FFFFFF;
}

.font-size-0_75-rem {
    font-size: 0.75rem;
}

.font-size-0_8-rem {
    font-size: 0.8rem;
}

.max-height-166 {
    max-height: 166px;
}

.language-button {
    box-shadow: unset; 
    justify-content: center; 
    display: inline-flex; 
    align-items: center; 
    border-style: solid; 
    padding: 4px 8px; 
    margin: 8px 4px; 
    font-size: 0.7rem; 
    font-weight: 500; 
    border-radius: 4px; 
    width: 2rem;
}

/* get rid of extra bottom margin in altcha label */
label {
    margin-bottom: 0px
}

/* lower font weight from 500 to 400 */
h4 {
    font-weight: 400;
}