html {
    font-size: 106% !important;
    max-width: 100%!important;
    overflow-x: hidden;
    padding-top: 4.5rem;
}

.btn {
    text-transform: uppercase;
}

body {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

.navbar {
    text-transform: uppercase;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    font-weight: 400;
    line-height: 1.2;
}

.hej p,
.hej h2 {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.85);
}

@media (max-width:767px) {
    .lback {
        background-image: url('assets/img/lackomobo.webp');
        background-repeat: repeat-x;
        background-size: auto;
        background-attachment: auto;
        background-position: center top;
    }

    .kback {
        background-image: url('assets/img/kopparbackmob.webp');
        background-repeat: repeat-x;
        background-size: auto;
        background-attachment: auto;
        background-position: center top;
    }
}

.lback {
    background-image: url('assets/img/lackoback.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.kback {
    background-image: url('assets/img/kopparback.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.navbar-light .navbar-nav .nav-link {
    color: #143c57;
    font-weight: 400;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #a81515;
}

footer a {
    text-decoration: none;
    color: rgb(25, 26, 27);
}

footer a:hover {
    text-decoration: underline;
    color: #c31010;
}

.bg-danger {
    background-color: #9c0606!important;
}

.text-danger {
    color: #ac0f0f!important;
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: #740909;
    border-color: #740909;
}

.btn-danger {
    color: rgb(255, 255, 255);
    background-color: #911010;
    border-color: #740909;
}

.btn-danger:hover {
    color: rgb(255, 255, 255);
    background-color: #7e0e0e;
    border-color: #861919;
}

.border-danger {
    border-color: #ac0f0f!important;
}

a {
    color: #111111;
    text-decoration: none;
}

a:hover {
    color: #a01010;
}

.lanka {
    border-radius: 1.6rem;
    background: linear-gradient(352deg, #ECE9E6 0%, #FFFFFF 100%);
}