main.hero {
    display: block;
    background: url(../images/cohosting-praias.webp) no-repeat left top;
    height: 80vh;
    min-height: 500px;
}

.hero h1 {
    font-size: 3rem;
    color: #0A1B34;
}

.container.hero-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    height: 100%;
}

.hero-content h1, .hero-content p {
    max-width: 520px;
}

.hero-content .hero-conent-bg {
    background: #ffffff94;
    padding: 20px;
    border-radius: 4rem;
}