<head>
 <!-- Gogle Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap" rel="stylesheet">
</head>
<main class="main">
        <div class="container container--main">
            <div class="main__content">
                <h1 class="main__title">
                    Фрукты</br>
                    Овощи</br>
                    Соки </br>
                </h1>
                <p class="main__text">
                    Всегда свежие фрукты, овощи и 
                    соки с доставкой по всей России
                </p>
                <button class="main__button">
                    Заказать звонок
                </button>
            </div>
        </div>
    </main>
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap')
.container {
    max-width: 1366px;
    margin: 0 auto;
}
.container--main {
    height: 768px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.main {

    background: url('../img/Bg_Main.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
}
.main__content {
    margin: 0 auto;
    text-align: center;

    max-width: 445px;
    max-height: 394.86px;
    color: #EB5757;
  border: 1px solid red;
}
.main__title {
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-size: 72px;
    line-height: 88px;
    letter-spacing: 0.3em;
}
.main__text {
    font-style: normal;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    color: #333;
}
.main__button {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    text-transform: uppercase;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.