.content {
    grid-column: 2/3;
    grid-row: 4/5;
    margin-top:20px;
}

.merchtitle {
    font-family: 'L5';
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    color:#F4B41D;
    margin: 0px 0px 20px 0px;
    padding: 8px 0px 11px 0px;
}

.merchtitle p:first-child {
    font-size: 51px;
    line-height: 61px;
}
.merchtitle p {
    font-size: 33px;
}

.merchgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 20px;
    justify-items: center;
    margin-bottom: 40px;
}

.fsiSelect select {
    margin-bottom: 5px;
}

.product button {
    background: rgba(252, 193, 32, 1.0);
}
.product button:hover {
    background-color: rgba(252, 193, 32, 0.85);
}



@media screen and (max-width: 1000px)
{
    .content {
        background-color: rgba(0,0,0,0.5);
    }
    .merchtitle {
        background-color: transparent;
    }
    .merchtitle p:first-child {
        font-size: 39px;
    }
    .merchtitle p {
        font-size: 25px;
    }
    .merchgrid {
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
    }
}

@media screen and (max-width: 768px)
{    
    .pagegrid {
    grid-template-columns: 1fr 480px 1fr;
    }
    .content {
        width: 480px;
    }
    .merchtitle {
        background-color: transparent;
    }
    .merchtitle p:first-child {
        font-size: 25px;
        line-height: 28px;
    }
    .merchtitle p {
        font-size: 16px;
    }
    .merchgrid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 480px)
{
    .pagegrid {
        grid-template-columns: 1fr 320px 1fr;
    }
    .content {
        background-color: transparent;
        width: 320px;
    }
    .merchtitle p:first-child {
        font-size: 16px;
        line-height: 25px;
    }
    .merchtitle {
        background-color: black;
        padding-top: 20px;
        padding-bottom:20px;
    }
}