.hero-section {
   position: relative;
}

.hero-section__intro {
   margin-left: -26px;
   margin-top: 53px;

   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}
.hero-section__image {
   position: relative;
   z-index: -2;
   width: 100%;
   height: auto;
}
.hero-section__title {
   z-index: 3;
   bottom: 0px;
   position: absolute;
   padding: 55px 26px 0px 26px;
   max-width: 445px;
   max-height: 360px;
   background-color: var(--body-color);
}

.sobre-section {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   margin-top: 150px;
}
.sobre-section__apresentation img {
   margin-right: 140px;
   max-width: 540px;
   max-height: 600px;
}
.sobre-section__side-text {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 50px 0px 62px 0px;
   border-top: solid 1px var(--greyish-dark-blue);
   border-bottom: solid 1px var(--greyish-dark-blue);
}

.contato-section {
   margin-top: 150px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: baseline;
}
.contato-section__title {
   max-width: 365px;
}