/* brandt.css – overrides och anpassningar */
body {
    background-color: #fff;
    color: #000;
    font-family: Arial, sans-serif;
    background-image: url('../assets/img/brandtwhite.svg');
    background-repeat: no-repeat;
    background-size: 30%;
    background-attachment: fixed;
    background-position: center center;
    padding-top: 60px;
}

@media (max-width:768px) {
    body {
        padding-top: 76px!important;
    }
}

h1,
h2,
h3 {
    color: #333;
}

.nav-link {
    color: #413a3a;
    font-family: 'Maven Pro', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.nav-link:hover {
    color: #555;
    text-decoration: underline;
}

.headbg {
    background-image: url('../assets/img/rivback.webp');
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 1800/680;
    background-size: contain;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.89);
}

.arbbeg {
    background-image: url('../assets/img/widessona.webp');
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 2000/738;
    background-size: contain;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.89);
}

.widebeg {
    background-image: url('../assets/img/topwajd.webp');
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 2500/566;
    background-size: contain;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.89);
}

.halbg {
    background-image: url('../assets/img/haltagningtoppen.webp');
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 2000/738;
    background-size: contain;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.89);
}

.transbg {
    background-image: url('../assets/img/kranbil.webp');
    background-repeat: no-repeat;
    background-position: center center;
    aspect-ratio: 1536/662;
    background-size: contain;
    text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.89);
}