@import url(https://fonts.bunny.net/css?family=roboto:400,500|roboto-condensed:400);

body {
    margin: 0;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #ececec;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Roboto', sans-serif;
}

body::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/images/bakgrund.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width:767px) {
    body::before {
        background-image: url('assets/images/bakgrundmobo.webp')!important;
        background-position: top center;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 114%;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

html {
    max-width: 100%!important;
    overflow-x: hidden!important;
}

.tops {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.btn {
    text-transform: uppercase;
    font-family: Roboto Condensed, sans serif;
    font-weight: 400;
}

/* primary */
.text-primary {
    --bs-text-opacity: 1;
    color: #2C4251!important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #2C4251 !important;
}

.link-primary {
    color: #2C4251;
}

.link-primary:focus,
.link-primary:hover {
    color: #2C4251;
}

.btn-primary {
    color: #fff;
    background-color: #2C4251;
    border-color: #2C4251;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2C4251;
    border-color: #2C4251;
}

.border-primary {
    border-color: #2C4251!important;
}

/* danger */
.text-danger {
    --bs-text-opacity: 1;
    color: #a70e06!important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: #a70e06!important;
}

.link-danger {
    color: #a70e06;
}

.link-danger:focus,
.link-danger:hover {
    color: #a70e06;
}

.btn-danger {
    color: #fff;
    background-color: #a70e06;
    border-color: #a70e06;
}

.btn-danger:hover {
    color: #fff;
    background-color: #7a0909;
    border-color: #990d0d;
}

/* warning */
.text-warning {
    --bs-text-opacity: 1;
    color: #4e8ee5!important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: #4e8ee5 !important;
}

.link-warning {
    color: #4e8ee5;
}

.link-warning:focus,
.link-warning:hover {
    color: #4e8ee5;
}

.btn-warning {
    color: #fff!important;
    background-color: #4e8ee5;
    border-color: #4e8ee5;
}

.btn-warning:hover {
    color: #fff;
    background-color: #4e8ee5;
    border-color: #4e8ee5;
}

.border-warning {
    border-color: #4e8ee5!important;
}

a {
    color: #4e8ee5;
    text-decoration: underline;
}

a:hover {
    color: #274b66;
}

.navbar-light .navbar-nav .nav-link {
    color: #313131;
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Roboto Condensed', sans-serif;
}

.robco {
    font-family: 'Roboto Condensed', sans-serif!important;
    text-transform: uppercase;
}