.hobbies {
    padding: 1rem;
    background: #F5F5F5;
}

@media screen and (min-width:768px) {
    .hobbies {
        padding: 2rem;
        background: #F5F5F5;
    }
    
}

@media screen and (min-width: 1024px) {
    .hobbies {
        padding: 6rem 4rem;
    }
}

@media screen and (min-width: 1440px) {
    .hobbies {
        padding: 6rem 9.5rem;
    }
}