body {
font-family: "Nunito", sans-serif;
font-size: 14px;
line-height: 16px;
}

.intro {
width: 100%;
background-image: url(/images/omro_compounding0.jpeg);
background-repeat: no-repeat;
background-size: cover;
}

.intro__wrapper {
padding: 80px 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}

.intro__title {
font-size: 63px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 70px;
margin-bottom: 50px;
}

.intro__text {
color: #fff;
font-size: 20px;
max-width: 955px;
line-height: 24px;
margin-bottom: 30px;
}

.intro__button {
padding: 17px 24px;
border-radius: 150px;
font-size: 16px;
height: 56px;
cursor: pointer;
transition: 0.3s;
border: 2px solid red;
color: #ebebeb;
background: transparent;
}

.intro__button:hover {
background-color: #283243;
border-color: #fff;
}

.question {
background-color: #466380;
}

.question__wrapper {
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
}

.question__title {
color: #fff;
}

.logo__wrapper {
display: flex;
justify-content: center;
align-items: center;
padding: 35px 0;
}

.logo__image {
width: 430px;
max-width: 100%;
}

.logo__img {
width: 100%;
}

.more {
background-color: #c59a43;
}

.more__wrapper {
padding: 35px 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}

.more__title {
margin-bottom: 25px;
text-align: center;
font-weight: 400;
color: #2d2d2d;
}

.more__line {
height: 3px;
width: 200px;
background-color: #fff;
margin-bottom: 35px;
}

.more__text {
max-width: 750px;
text-align: center;
color: #626262;
font-size: 15px;
line-height: 1.7333;
}

@media screen and (max-width: 768px) {
.header {
position: fixed;
}
}

@media screen and (max-width: 768px) {
.intro__title {
font-size: 43px;
line-height: 50px;
margin-bottom: 30px;
}
}

@media screen and (max-width: 768px) {
.intro__text {
font-size: 16px;
max-width: 100%;
line-height: 20px;
text-align: center;
margin-bottom: 15px;
}
}

@media screen and (max-width: 768px) {
.more__title {
line-height: 20px;
}
}