:root {
    font-size: 32px;
}


article {
    margin: 0;
    padding-top: 0;
    padding-bottom: .5rem;
    background-color: var(--md-default-bg-box);
    opacity: 0.95;
    margin-bottom: 0.25rem !important;
    border-radius: 5px;
    /* display: none; */
}

article > h3 {
    padding-left: 10px;
    padding-right: 10px;
}

article > h2 + ul {
    padding-top: 10px;
}

h2.productTitle {
    padding: 10px;
    margin: 0;
    padding-bottom: .5rem;
    background-color: var( --md-primary-fg-color);
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 0.25rem !important;
}


.paddingContent {
    padding-left: 15px;
    padding-right: 15px;
}


main {
    padding-top: 15px;
}

.selector {

    margin: 10px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid var( --md-primary-fg-color);

}

a {
    color: var( --md-primary-fg-color);
}


@media only screen and (min-width: 768px) {
    .container {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
    article {
        flex: calc(50% - 0.25rem * 2);

    }
}