.top-wrapper {
padding: 54px 20px 34px !important;
}
.top-wrapper .block {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.top-wrapper .block h1 {
margin: 0 0 22px !important;
line-height: 1.05 !important;
}
.top-wrapper .block h1 small {
display: block;
line-height: 1.05 !important;
}
.top-wrapper .block p {
margin: 0 0 24px !important;
}
.top-wrapper .block p big,
.top-wrapper .block p i {
line-height: 1.35 !important;
}
.top-wrapper .top-proof {
margin: 0 0 18px;
line-height: 1.45;
opacity: 1;
}
.top-wrapper .top-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.top-wrapper .top-buttons .button,
.top-wrapper .top-buttons .button.button-secondary {
margin: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
box-sizing: border-box;
transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.top-wrapper .top-buttons .button:hover,
.top-wrapper .top-buttons .button:focus,
.top-wrapper .top-buttons .button.button-secondary:hover,
.top-wrapper .top-buttons .button.button-secondary:focus {
text-decoration: none;
opacity: .94;
}
.top-wrapper .top-buttons .button-secondary {
margin-left: 0 !important;
}
@media (max-width: 767px) {
.top-wrapper {
padding: 88px 18px 26px !important;
}
.top-wrapper .block {
max-width: 100%;
}
.top-wrapper .block h1 {
margin: 0 0 18px !important;
}
.top-wrapper .block p {
margin: 0 0 20px !important;
}
.top-wrapper .top-proof {
margin: 0 0 16px;
line-height: 1.45;
padding: 0 8px;
}
.top-wrapper .top-buttons {
flex-direction: column;
gap: 12px;
}
.top-wrapper .top-buttons .button,
.top-wrapper .top-buttons .button.button-secondary {
width: 100%;
max-width: 470px;
text-align: center;
font-size: 12px;
}
}