.custom-hero {
    padding: 144px;
}

.custom-page-padding {
    padding: 96px 0;
}

@media only screen and (max-width: 1000px) {
    .custom-hero {
        padding: 72px 24px;
    }

    .custom-page-padding {
        padding: 24px 0;
    }
}

@media only screen and (max-width: 600px) {
    .custom-hero {
        padding: 48px 12px;
    }
    
    .custom-page-padding {
        padding: 0;
    }
}