main{
  margin-top: 120px;
}

.message-grid {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
    padding-top: 2rem;
    margin-top: 1rem;
}

.message-image {
    flex: 0 0 auto;
    max-width: 40%;
}

.message-content {
    flex: 1 1 auto;
}

.page-title-seccao {
    padding: 2rem 0;
    margin-top: 15rem;
    clear: both;
}

@media (max-width: 768px) {
    .message-grid {
        flex-direction: column;
        padding-top: 1rem;
    }
    
    .message-image {
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
    
    .page-title-seccao {
        margin-top: 4rem;
    }
}