.commercantCard h1, .giftCard1 {
    font-weight: 700
}

.commercantCard {
    width: 30%;
    min-width: 15em;
    max-width: 90%;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 1em;
    margin: 0 1.6% 4em;
    padding: 0;
    background-color: silver
}

.roundLogoSeller {
    z-index: 11;
    height: 8em;
    width: 8em;
    overflow: hidden;
    margin: 2em auto 0;
    display: block;
    border-radius: 50%
}

.roundLogoSeller svg {
    position: absolute;
    z-index: 150;
    top: -17%;
    left: -26%;
    width: 143%;
    height: 143%
}

.commercantCard img.commercantCardLogo {
    width: 90%;
    z-index: 15
}

.allSellerData {
    border-radius: 1em;
    background-color: #fff;
    padding: 4em .5em 1em;
    position: relative;
    top: -3em;
    z-index: 10;
    margin-bottom: -3em;
    min-height: 22em
}

.commercantCard h2 {
    margin-top: .2em;
    font-size: 1.2em;
    color: #696969
}

div.address p, div.address svg {
    display: inline-block;
    vertical-align: top
}

div.address {
    margin-top: 2em
}

div.address svg {
    max-width: 20%;
    margin-top: 1em;
    height: 2em;
    width: 2em
}

div.address p {
    width: 80%;
    margin-top: 0;
    padding-left: 1em;
    box-sizing: border-box;
    text-align: left;
    font-size: .9em
}

.giftCard0 {
    display: none
}

.giftCard1 {
    position: absolute;
    right: .5em;
    top: .5em;
    z-index: 20;
}

.giftCard1 svg {
    margin-top: .5em;
    margin-right: .3em;
    animation: 1.2s infinite alternate rollSide;
    width: 3em;
    height: 3em;
}

@media screen and (max-width: 950px) {
    .commercantCard {
        width: 40%
    }
}

@media screen and (max-width: 800px) {
    .allSellerData {
        min-height: 20em
    }

    .commercantCard {
        width: 100%
    }
}