.buy-top .dollars {
    width: 400px;
    height: 400px;
    margin: auto;
}

.buy-top .col > h1 {
    text-align: center;
    font-size: 7rem;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all .4s ease-in;
}

@media (max-width: 576px) {
    .buy-top .dollars {
        display: none;
    }

    .buy-top .col > h1 {
        text-align: center;
        font-size: 5.5rem;
        margin: 2em auto;
        padding: 10px 15px;
    }

}

.buy-top .col > h1:hover {
    text-shadow: 3px 3px 2px #61abb0,
    -3px 3px 2px #61abb0;
}

.buy-top .col > p {
    font-size: 1.5rem;
    text-align: left;
    padding: 10px;
    font-weight: bold;
    text-shadow: 2px 2px 2px silver,
    -2px 2px 2px silver;
    transition: all .4s ease-in;
}

.buy-top .col > p:hover {

    text-shadow: 1px 0 2px #61abb0,
    -1px 1px 2px #61abb0;
}

.buy-top .col .disadvantage-list {
    counter-reset: li; /* Устанавливает идентификатор */
    list-style: none; /* Удаляем стандартную нумерацию */
    font-size: 1.4rem;
    padding: 0;
    font-weight: bold;
    margin-bottom: 2em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.buy-top .disadvantage-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    margin: .5em 0 .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;
}

.buy-top .disadvantage-list a:hover {
    background: #eee;
}

.buy-top .disadvantage-list a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #61abb0;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.buy-top .disadvantage-list a:after {
    position: absolute;
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;
}

.buy-top .disadvantage-list a:hover:after {
    left: -.5em;
    border-left-color: #61abb0;
}

/* buy-top end */

/* buy-mid */


@media (max-width: 576px) {
    .buy-mid i {
        display: none;
    }
}

@media (min-width: 577px) and (max-width: 1299px) {
    .buy-mid i {
        display: none;
    }
}

@media (min-width: 1300px) {
    .buy-mid i {
        height: 600px;
        width: 800px;
        color: #0c4128;
    }
}

.buy-mid .heading {
    text-align: left;

}

.buy-mid .mid-h {
    margin-top: 2em;
    font-size: 5em;
    font-weight: lighter;
    font-style: oblique;
    text-shadow: 0 3px 3px;

}

.buy-mid .col {
    align-content: start;
    margin: 1.5em 1em;
}

.buy-mid .description-buy {
    border-radius: 25px;
    box-shadow: 3px 3px 5px black, -3px -3px 5px black;
    padding: 15px;
    font-size: 1.5em;
    font-style: italic;
    justify-content: left;
    margin-top: 1em;
}