.container1 {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
    overflow: hidden;
}

.good-box {
    box-sizing: border-box;
    float: left;
    width: 27%;
    height: 25.5rem;
    margin: 3%;
    padding: 1.25rem;
}

.good-box:hover {
    background-color: #fff;
    /* box-shadow: 10px 10px 5px #888888; */
    box-shadow: 0px 0px 5px #888888;
    transform: scale(1.01);
    cursor: pointer;
}

.good-box img {
    box-sizing: border-box;
    width: 100%;
}
.good-box p {
    font-size: 1rem;
    padding: .625rem;
}

@media screen and (max-width:715px) {
    .good-box {
        width: 43%;
        height: 37.5rem;
    }
}
@media screen and (max-width:415px) {
    .good-box {
        width: 43%;
        height: 28.5rem;
    }
}