@media only screen and (max-width: 600px) {
    .item-bottom, .item-buttons, .item-top, .item, .accessories, .cart-info {
        display: block;
    }
    .top-bar {
        display: block;
    }
    #size-cart {
        display: none;
    }
    .shipping {
        margin:5em 0;
    }
    .finish {
        margin: 5em 0;
    }
    .accessories p {
        width: 80%;
        margin: 1em auto 2em auto;
    }
    input {
        min-height: 3em;
    }
    .shipping select, .total ul {
        margin-bottom: 5em;
    }
    section.content {
       padding: 2em;
    }
    h1,h2,h3,h4 {
        text-align: center;
    }
    .item-top hr {
        display: none;
    }
    .price {
        font-size: 2em;
        border-top: 2px solid rgba(255,255,255,0.4);
        border-bottom: 2px solid rgba(255,255,255,0.4);
        margin: 2em 0;
        padding: 0.5em;
    }
    .btn, select.btn::placeholder, .accessories {
        text-align: center;
        text-align-last:center;
    }
    .btn i {
        padding-left: 1em;
    }
    select.btn, .btn {
        min-height: 3em;
    }
    #visit-us-text {
        padding-top: 4em;
    }
    #visit-us {
        padding: 0em;
        height: auto;
    }
    #visit-us #map .btn {
        width: 80%;
        margin: auto;
        left: 0;
        right: 0;
    }
    #footer-top {
        border-left: 0;
        border-right: 0;
    }
    #footer-form .btn {
        margin: 1em auto 0 auto;
        display: block;
        width: 100%;
    }
    .story-item {
        display: block;
    }
    .story-item-left, .story-item-right {
        margin-left: 4rem;
    }
    .story-item-text .qoute {
        text-align: center;
    }
    .story-item-right .qoute::before {
        left: -4rem;
        right: auto;
    }
    .story-item-left img, .story-item-right img {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 2rem;
        display: block;
    }
}