@media (max-width: 1300px) {
    .content {
        width: 90%;
        max-width: none;
    }
}
@media (max-width: 1100px) { 
    .header h1 {
        font-size: 35px;
    }

}
@media (max-width: 1050px) {
    .row-contents {
        flex-direction: column;
        gap: 2rem;
    }
    .row-content {
        width: 100%;
        max-width: none;
        height: auto;
        padding-bottom: 70px;
        min-height: 200px;
        align-items: start;
    }
}