@font-face {
    font-family: 'ProximaNova';
    src: url(https://cdn.action-mcfr.ru/fonts/proximanova-regular-webfont.woff) format("woff");
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url(https://cdn.action-mcfr.ru/fonts/proximanova-bold-webfont.woff) format("woff");
}

@font-face {
    font-family: 'ProximaNovaBlack';
    src: url(https://cdn.action-mcfr.ru/fonts/proximanova-bold-webfont.woff) format("woff");
}

body {
    background: #D8DDEF;
    font: normal 35px ProximaNova;
    line-height: 42px;
}

header {
    background: url(/images/bg1.jpg) center #333333;
    color: #fff;
    padding: 70px 0;
    font: normal 28px/37px ProximaNova;
}

h1 {
    font: normal 68px ProximaNovaBold;
}

h2 {
    font: normal 70px/70px ProximaNovaBlack;
}

h3 {
    font: normal 50px/50px ProximaNovaBlack;
}

.header__slogo {
    font-size: 43px;
}

.header__text {
    max-width: 860px;
    margin: 0 auto 50px;
}

.header__menu a {
    font-size: 22px;
    margin: 0 10px;
    color: #fff;
}

.btn {
    font-size: 24px;
    width: 400px;
    border-radius: 3px;
}

.container {
    max-width: 1280px;
}

.container.container--short {
    max-width: 1140px;
}

.section-white {
    background: #fff;
    border-radius: 28px;
    padding: 70px;
}

.section-black {
    background: #333333;
    color: #fff;
    border-radius: 28px;
    padding: 70px;
}

.speaker {
    background: linear-gradient(107.22deg, #7BB5FB -3.66%, #8B6CFB 49.33%, #633FFB 103.43%);
    border-radius: 28px;
    padding: 40px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    height: calc(100% - 30px);
}

.speaker__name {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.speaker__photo {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 20px;
}

footer {
    background: #333333;
    color: #fff;
    padding: 70px 0;
}

.copyright {
    font-size: 13px;
    line-height: normal;
}

hr {
    border-top: 1px solid #9A9A9A;
    margin-bottom: 30px;
    opacity: 1;
}

.modal {
    font: normal 20px ProximaNova;
}

@media screen and (max-width: 767px) {
    body {
        font: normal 25px ProximaNova;
    }

    header {
        font: normal 16px ProximaNova;
    }

    .header__slogo {
        font-size: 21px;
    }

    h1 {
        font: normal 34px ProximaNovaBold;
    }

    h2 {
        font: normal 35px/35px ProximaNovaBlack;
    }

    h3 {
        font: normal 25px/25px ProximaNovaBlack;
    }

    img {
        max-width: 100%;
    }

    .section-white {
        padding: 20px;
    }

    .section-black {
        padding: 20px;
    }
    .btn {
        width: auto;
        font-size: 25px;
    }
}