:root {
    --sizesmall: 4rem;
    --sizemedium: 4.2rem;
    --sizelarge: 4.8rem;
}
@media (min-width:450px) {
    
    .hero-section h1{
       
        font-size: var(--sizemedium);
       
        padding-top: 30px;
    }
    
    .hero-section h2{
       
        font-size: var(--sizesmall);
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    
}