.content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1vw 3vw 0;
    gap: 10px;
}
.header-image {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 300px;
    padding: 3vw 0;
}
.header-image img {
    height: 100%;
}
.product-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.description {
    display: grid;
    align-items: center;
    justify-content: space-around;
    grid-template-columns: 0.8fr 1.1fr;
    padding: 5vw 5vw;
}
.description-title {
    width: 60%;
    text-wrap: wrap;
    padding: 0 3vw;
}
.description-title h1 {
    font-size: 44px;
}
.description-small {
    font-family: 'museo-300', 'sans-serif';
    font-size: 15px;
}
.description-small strong {
    font-family: 'museo-700', 'sans-serif';
}

.dark-bg .description-small p {
    color: white;
}
.light-bg {
    background-color: rgb(213, 213, 213);
    color: rgb(87, 87, 86);
}
.dark-bg {
    background-color: rgb(129, 129, 128);
    color: white;
}

@media (max-width: 880px) {
    .description {
        grid-template-columns: 1fr;
    }
    .description-title, .description-title h1 {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .header-image {
        height: 150px;
    }
    .description-title h1 {
        font-size: 35px;
    }
}