.full {
    height: 100vh;
}

.tac {
    text-align: center;
}

.dib {
    display: inline-block;
    z-index: 999;
}
.uc {
    text-transform: uppercase;
}
.bg {
    background: url(https://mplus24-77.com/img/1.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.heading {
    color: rgb(214, 214, 214);
    font-size: 72px;
    line-height: 1.17;
    padding: 15px 0 24px 0;
    max-width: 1200px;
    margin: 0 auto;
    font-weight: 700;
}

.descr {
    color: rgb(255, 255, 255);
    font-size: 22px;
    line-height: 1.55;
    margin: 20px auto 55px auto;
    max-width: 1200px;
}

.w-button {
    color: rgb(52, 63, 92);
    background-color: rgb(240, 240, 240);
    border-radius: 30px;
    text-decoration: none;
    height: 60px;
    border: 0 none;
    font-size: 20px;
    padding: 12px 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    margin: 0 15px;
}

.buttons-block {
    max-width: 1200px;
    margin: auto;
}

.cc {
    display: flex;
    justify-content: center;
    align-items: center;
}
.layer {
    background-image: -webkit-linear-gradient(top, rgba(52,63,92,0.90), rgba(43,67,94,0.90));
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 998;
}
@media (max-width: 768px) {
    .heading {
        font-size: 50px;
        margin: 0 10px;
    }

    .descr {
        margin: 10px 10px 40px 10px;
    }

    .buttons-block {
        margin: 0 10px;
    }
}

@media (max-width: 591px) {

    .buttons-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .buttons-block > .w-button {
        width: 335px;
    }

    .buttons-block > .w-button:first-child {
        margin-bottom: 10px;
    }

    .heading {
        font-size: 43px;
        margin: 0 10px;
        max-width: 400px;
    }
}
@media (max-width: 376px) {
    .descr {
        margin: auto 0 30px auto
    }
    .heading {
        font-size: 40px;
    }
    .buttons-block {
        max-width: 355px;
    }
}
@media (max-width: 320px) {
    .buttons-block {
        max-width: 300px;
    }
    .descr {
        margin: 0 0 30px 0;
    }
    .buttons-block > .w-button {
        width: 305px;
    }
}