body {
    font-size: 16px !important;
    padding-top: 45px;
    background-color: var(--background-colour) !important;
}

.page {
    background-color: #F2F2F2 !important;
}



.btn {
    background-color: var(--btn-background) !important;
    color: var(--btn-font) !important;
}

.btn-secondary {
    color: #fff;
    background-color: var(--primary-color) !important;
    border: solid;
}

h5 {
    font-size: 1.25rem !important;
}

/*Style Inputs*/
.form-control {
    font-size: medium !important;
    padding-left: 10px !important;
}


/*Images*/
/* Portrait and Landscape */
@media (max-width: 1023px) {
    .image-login .image-contact {
        display: none;
    }
}

.image-login {
    background-image: url('../images/login.png');
    background-size: 500px 500px;
    background-position: center;
    filter: grayscale(0%);
}

.image-contact {
    background-image: url('../images/contact.png');
    background-size: 400px 400px;
    filter: grayscale(0%);
}

.img {
}

.avatar {
    font-size: 4em;
    background-color: rgb(0 0 0 / 7%);
    padding: 20px;
}

/*header, #logo {
    min-height: 75px;
}*/

@media (max-width: 767px) {
    header, #logo {
        min-height: 43.2px;
    }
}

.navbar {
    background-color: var(--heading-background) !important;
}

.navbar-font {
    color: var(--heading-font) !important;
}

.input-group-addon-prefix-suffix {
    padding: 6px 10px;
    border-radius: 4px;
    color: #6d738a !important;
    background-color: #4f4f4f3b !important;
    border-color: #000000 !important;
}

.table > :not(caption) > * > * {
    padding: .5rem .75rem !important;
}