:root {
    --bs-body-font-family: "Fira Sans", "Arial", sans-serif;
    --bs-body-font-size: 1.5rem;
    --bs-body-color: white;

    --bs-navbar-color: white;
}

.navbar-toggler {
    --navbar-toggler-border-color: white;
    --bs-navbar-color: white;
}

body {
    background-size: cover;
    /*backdrop-filter: brightness(20%);*/
}

body.index {
    background-image: url('../images/background1_low_bright.jpg');
}

body.parts {
    background-image: url('../images/parts_background1_low_bright.jpg');
}

body.service {
    background-image: url('../images/service_background1_low_bright.jpg');
}

body.contacts {
    background-image: url('../images/contacts_background1_low_bright.jpg');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bitter", serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
}

h1 {
    font-size: calc(1.3rem + 2.5vw);
}

h2 {
    font-size: calc(1.3rem + 2.0vw);
}

h3 {
    font-size: calc(1.3rem + 1.5vw);
}

form {
    --bs-body-color: black;
}

.topic {
    width: calc(100% / 4);
    min-width: calc(100% / 4);
    height: auto;
    min-height: 300px;
    /*max-height: 300px;*/
    background-size: cover;
    border-radius: 5px;
    background-color: #806F4E;
}

.topic:hover {
    background-color: #A59370;
    transition-duration: 0.3s, 0.3s;
}

/*.myflex {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    min-height: 100vh;*/
/*}*/

.mycontent {
    flex: 1;
}

.logo {
    height: 150px;
}

.myheader .logo {
    height: 50px;
}

.bold {
    font-weight: bold;
}

.li-no-marker {
    list-style-type: none;
}

.rounded iframe {
    border-radius: 6px;
}

.modal {
    /*--bs-modal-bg: black;*/
    --bs-body-color: black;
    --bs-modal-color: black;
}

.modal-footer {
    justify-content: center;
}


@media (max-width: 576px) {
    .topic {
        width: 100%;
        min-width: 100%;
    }

    .logo {
        height: 50px;
    }
}