.download-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    margin: 20px 0px 40px;
}

@media (max-width: 650px) {
    .download-buttons {
        grid-template-columns: 100%;
        grid-row-gap: 20px;
    }

    .archived-releases {
        border: none !important;
        margin-top: -20px;
    }

    .archived-releases tr {
        background: white !important;
        border: none !important;
    }

    .archived-releases td {
        display: block;
        background: whitesmoke;
        font-size: 0.9em !important;
        border-top: 1px solid #ccc;
        padding: 10px !important;
    }

    .archived-releases td:nth-child(1) {
        border-top: none;
        margin-top: 20px;
    }

    .archived-releases td:nth-child(2) {
        border-top: none;
        padding-bottom: 1px !important;
    }

    .archived-releases thead tr {
        display: none;
    }

    .archived-releases td:nth-of-type(1):before { content: "Version "; }
    .archived-releases td:nth-of-type(3):before { content: "Downloads: "; }
    .archived-releases td:nth-of-type(4):before { content: "Release Date: "; }

    .archived-releases td:nth-of-type(1) {
        color: white;
        background: #333;
        padding: 5px;
        font-variation-settings: "wght" 750, "ital" 0;
        font-size: 1.1em !important;
    }
}

#content h1.latest-bundle-release {
    font-size: 2em;
    /* color: #777; */
    margin-bottom: 10px;
    font-variation-settings: "wght" 800, "opsz" 36, "ital" 1;
}

#content h4.all-the-plugins {
    font-variation-settings: "wght" 400, "ital" 1;
}

#content h2.bundle-name {
    margin-top: 30px;
    margin-bottom: 10px;
    font-variation-settings: "wght" 900, "opsz" 36;
}

#content .release-date {
    font-variation-settings: "wght" 300;
}

#content .download-button {
    display: block;
    background: royalblue;
    color: white !important;
    text-align: center;
    padding: 20px 0px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    text-decoration: none;
    width: 100%;
    max-width: 375px;
    margin: auto;
}

#content .download-button.beta {
    background: darkorchid;
}

#content .download-button .small-text {
    padding: 0 20px;
    line-height: 115%;
}

.download-button i {
    font-size: 85%;
    padding-left: 2px;
}

#content .download-button h3 {
    font-size: 200%;
    color: white !important;
    margin-bottom: 10px;
}

.download-button:hover {
    filter: brightness(93%);
}

.release-notes {
    width: 80%;
    margin: auto auto;
    margin-top: 60px;
}

.release-notes li {
    /* padding: 6px; */
    line-height: 140%;
}

#content .archived-releases {
    border-collapse: collapse;
}

#content .archived-releases thead {
    background: #333;
}

#content .archived-releases thead th {
    font-family: var(--headline-font);
    color: white;
    background: #333;
    padding: 5px;
}

#content .archived-releases td {
    padding: 11px 10px 10px 10px;
}

#content .archived-releases a {
    color: #3862e0 !important;
}

#content .archived-releases tr:nth-child(odd) {
    background: #eee;
}

#content .archived-releases td:nth-child(2) {
    font-size: 0.8em;
    text-align: left;
}

#content .archived-releases p {
    margin-bottom: 4px;
}
#content .archived-releases ul {
    margin-bottom: 4px;
}
#content .archived-releases li {
    margin-bottom: 2px;
    line-height: 120%;
}

.daw-icon {
    width: 60px;
    margin: auto;
}

.daw-grid {
    display: grid;
    grid-template-columns: repeat(4, min-content);
    justify-content: space-around;
    flex-grow: 1;
    padding: 5px 0px;
    max-width: 420px;
    min-width: 300px;
}

.daw-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.public-beta {
    background: hsla(140, 70%, 96%);
    border: 1px solid hsla(140, 70%, 70%);
    padding: 10px;
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: 25% auto 30%;
    grid-template-rows: auto auto;
    grid-template-areas: "la c r" "lb c r";
}

.public-beta .beta-info {
    grid-area: la;
}

.public-beta .beta-info h3 {
    color: hsla(140, 80%, 40%) !important;
    font-variation-settings: "wght" 400, "ital" 1;
}

.public-beta .beta-name {
    grid-area: lb;
    align-self: end;
}

.public-beta .beta-notes {
    grid-area: c;
    font-size: 13px;
    padding-right: 10px;
    margin-right: 10px;
    text-align: right;
    border-right: 1px solid hsla(140, 70%, 70%);
}

.public-beta .beta-notes p {
    line-height: 110% !important;
    margin-bottom: 0px !important;
    font-variation-settings: "wght" 400, "ital" 1;
}

.public-beta .beta-links {
    grid-area: r;
    align-self: center;
}

.public-beta .beta-links .beta-download {
    background: hsla(140, 80%, 35%);
    display: block;
    color: white !important;
    text-decoration: none !important;
    border-radius: 2px;
    padding: 8px;
    line-height: 110%;
    text-align: center;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    border: 1px solid white;
    font-variation-settings: "wght" 750, "ital" 0;
}

#content .download-warning p {
    color: firebrick;
    font-variation-settings: "wght" 400, "ital" 1;
    text-align: center;
}

.free-trial-blurb {
    text-align: center;
    margin: auto auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    margin-bottom: 10px;
    max-width: 300px;
}