@media(max-width:768px){
    .hero-content{
        padding:40px 90px 40px 40px;
    }
    .hero-content h1{
        font-size: 40px;
    }
    .header{
        padding:40px 25px;
    }
    .content-wrapper{
        flex-direction: column;
        justify-content: stretch;
    }
    .content-wrapper.right-image{
        flex-direction: column-reverse;
    }
    .section-image img{
        height: auto;
        aspect-ratio: 16/9;
    }
    .home-links{
        grid-template-columns: 1fr;
    }
    .contact-col{
        padding:30px;
    }
    .content-wrapper p,.contact-col h2,.contact-col p,.footer-text{
        font-size: 19px;
    }
    .section-image:before{
        width: 90px;
    }
    .hero-container{
        margin:0;
    }
    .content p:before{
        top: -25px;
        font-size: 40vw;
    }
    .contact-col{
        margin-top:0
    }
    .section-title h2{
        font-size: 30px;
    }
    .contact-form form{
        display: flex;
        flex-direction: column;
    }
}
@media(max-width:460px){
    .hero-content h1{
        font-size: 30px;
    }
    .logo img{
        width: 70px;
    }
    .header-social ul{
        gap: 10px;
    }
}