body {
    color: #333;
}

.uk-background-primary {
    background-color: #dee2e3;
}

.uk-button-secondary {
    background-color: #f0b817;
}

.uk-button-secondary:hover {
    background-color: #d89e0b;
}

h3.title {
    border-bottom: double 6px rgb(219, 219, 219);
}

@media (min-width: 768px) {
    .uk-text-large-m {
        font-size: 1.5rem;
    }

}

h1>small {
    font-size: 1.3rem;
}


.maintitle {
    font-size: 3rem;
    color: rgb(26,42,136);
    /* color: #5a84b9; */
    font-weight: 700;
    /* color: white; */
    text-shadow:
        #ffffff 4px 0px, #ffffff -4px 0px,
        #ffffff 0px -4px, #ffffff 0px 4px,
        #ffffff 4px 4px, #ffffff -4px 4px,
        #ffffff 4px -4px, #ffffff -4px -4px,
        #ffffff 2px 4px, #ffffff -2px 4px,
        #ffffff 2px -4px, #ffffff -2px -4px,
        #ffffff 4px 2px, #ffffff -4px 2px,
        #ffffff 4px -2px, #ffffff -4px -2px;
}


@media (min-width: 768px) {
    .maintitle {
        font-size: 6rem;
        /* color: #5a84b9; */
        font-weight: 700;
        text-shadow:
            #ffffff 4px 0px, #ffffff -4px 0px,
            #ffffff 0px -4px, #ffffff 0px 4px,
            #ffffff 4px 4px, #ffffff -4px 4px,
            #ffffff 4px -4px, #ffffff -4px -4px,
            #ffffff 2px 4px, #ffffff -2px 4px,
            #ffffff 2px -4px, #ffffff -2px -4px,
            #ffffff 4px 2px, #ffffff -4px 2px,
            #ffffff 4px -2px, #ffffff -4px -2px;
    }

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}