#logo {
    width: 8rem;
    fill: #ffffff;
}

.py-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-80 {
    height: 80vh !important;
}

[data-bs-theme=dark] .hide-dark {
    display: none;
}

[data-bs-theme=light] .hide-light {
    display: none;
}

.navbar {
    font-family: open_sansregular !important;
    font-size: 1.1rem;
}

.os-home h1 {
    font-family: open_sansextrabold !important;
    font-size: 4rem !important;
    text-shadow: #c0c0c0 0 0 3rem;
}

@media (min-width: 992px) {
    .os-home h1 {
        font-size: 6rem !important;
    }
}

.os-product {
    font-family: open_sansregular !important;
}

.os-product h2 {
    font-family: open_sansextrabold !important;
    font-size: 2rem !important;
    text-shadow: #c0c0c0 0 0 2rem;
}

.os-product p {
    text-align: justify;
    text-justify: inter-word;
}

@media (min-width: 992px) {
    .os-product h2 {
        font-size: 2.5rem !important;
    }
}

.os-images img {
    width: auto;
    height: 5rem;
}

@media (min-width: 992px) {
    .os-images img {
        width: auto;
        height: 6rem;
    }
}

.os-product a:link {
    text-decoration: none;
}