.products-content {
    grid-area: main;
    display: grid;
    grid-template-columns: 1fr minmax(100px, 1180px) 1fr;
    grid-template-areas: "a b c";
}

.products-container {
    grid-area: b;
}

.products-grid-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.products-select-grid-container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
}

.grid-img {
    width: 100%;
}

.shirt-img {
    width: 400px;
    height: auto;
}

.product-tile-flex-container {
    display: flex;
    flex-flow: column;
    padding: 0.7rem;
    background-color: white;
}

.product-tile-title {
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #e2e2e2;
    margin-bottom: 15px;
    flex-grow: 1;
}

.product-tile-flex-container:hover .product-tile-title{
    border-bottom: 3px solid #b02747;
}

.product-tile-flex-container:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.products-title-item {
    align-self: center;
}

@media only screen and (max-width: 830px) {
    .shirt-img {
        width: 100%;
        height: auto;
    }
    .products-select-grid-container {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }
    .products-grid-container {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .product-style-breadcrumb {
        display: none;
    }
}