#productsMainImage,
#purplePlayerFrontImage
{
    height: clamp(8em, 42vh, 20em);
    margin: clamp(1em, 3vh, 3em);
}

#productsSectionCopy
{
    
}


.tagline
{
    font-size: clamp(0.7em, 2.2vw, 1.7em);
    color: #F6DCFF;
    font-weight: 400;
    font-size: clamp(0.6em, 2.8vw, 2.2em);
    letter-spacing: 0.1vw;
    text-transform: uppercase;
    width: fit-content;
    text-align: right;
    padding: 1em 0.2em 1em 1em;
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(40,12,54,0.5));
}

.taglineDIV
{
    text-align: center;
}

#purplePlayerBrandDIV,
#macOSPlayerBrandDIV
{
    margin-bottom: clamp(1em, 3.9vw, 3.1em);
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
}

#purplePlayerBrandDIV img,
#macOSPlayerBrandDIV img
{
    width: 100%;
}

#purplePlayerTaglineDIV
{
    text-align: unset;
    height: 100%;
    align-content: center;
}

#purplePlayerTagline
{
    margin-left: clamp(-5.2em, -21.5vh, -2.2em);
}

.purpleEmphasis
{
    color: #530064;
    font-size: 1.4em;
    text-shadow: 0 0 1rem #530064, 0 0 0.3rem rgba(232,163,255,0.6);
}

.purpleTaglineRemainder
{
    text-shadow:0 0 0.5rem black, 0 0 0.6rem #F6DCFF;
}

.specsTitle
{
    width: 100%;
    text-align: center;
    margin-top: clamp(1em, 3vw, 3em);
    font-weight: 400;
    text-shadow:0 0 0.5em black, 0 0 0.3em white;
    font-size: clamp(0.3em, 2.1vw, 1.5em);
    letter-spacing: 0.1vw;
    text-transform: uppercase;
}

.specsTable
{
    width: 100%;
    display: inline-flex;
}

.specsColumnDIV
{
    width: 50%;
    padding: clamp(0.5em, 2vw, 2em);
}

.specsRowDIV
{
    border: solid thin #F6DCFF;
    display: inline-flex;
    width: 100%;
}

.specsColumn1
{
    text-align: right;
    width: 20%;
    background-color: #F6DCFF;
    color: #530064;
    border-bottom: solid thin #530064;
}


.specsColumn2
{
    text-align: left;
}

.specsImageDIV
{
    width: 100%;
}

.specsImageDIV img
{
    width: 100%;
}

.specsColumn
{
    padding: clamp(0.1em, 0.6vw, 0.5em) clamp(0.3em, 1vw, 1em);
    font-size: clamp(0.3em, 1.2vw, 0.8em);
}

.imageColumnDIV
{
    width: 50%;
    align-content: center;
}

.productPricingTitle
{
    width: 100%;
    text-align: center;
    margin-top: clamp(0.2em, 0.7vw, 0.7em);
    margin-bottom: clamp(1em, 2.4vw, 2.6em);
    font-size: clamp(0.3em, 1.1vw, 0.8em);
    color: #E7B7F7;
}