:root{
    --dark:#242927;
    --dark-2:#181b1a;
    --gold:#b7955a;
    --cream:#f5f1e8;
    --white:#ffffff;
    --text:#252a27;
    --muted:#6c716e;
    --border:#e3ded3;
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:90px;
}

body{
    margin:0;
}

img{
    max-width:100%;
    display:block;
}

.mobile-actions{
    display:none;
}

@media(max-width:900px){

    body{
        padding-bottom:60px;
    }

    .mobile-actions{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        height:60px;
        background:var(--dark);
        z-index:100;
        box-shadow:0 -4px 16px rgba(0,0,0,.12);
    }

    .mobile-actions a{
        display:flex;
        align-items:center;
        justify-content:center;
        color:white;
        font-weight:700;
        border-right:1px solid rgba(255,255,255,.12);
        text-decoration:none;
    }

    .mobile-actions a:last-child{
        background:var(--gold);
    }

    #offerte .container,
    footer .container{
        grid-template-columns:1fr !important;
    }

    section .container[style*="grid-template-columns:1fr 1fr"],
    section .container[style*="grid-template-columns:1.1fr 1fr"]{
        grid-template-columns:1fr !important;
        gap:36px !important;
    }

    section .container div[style*="grid-template-columns:repeat(3,1fr)"]{
        grid-template-columns:1fr !important;
    }

    section[style*="padding:90px"]{
        padding:64px 0 !important;
    }

    h2[style*="font-size:52px"]{
        font-size:40px !important;
        line-height:1.08 !important;
    }
}

@media(max-width:520px){

    h2[style*="font-size:52px"]{
        font-size:34px !important;
    }

    #offerte form{
        padding:20px !important;
    }

    .mobile-actions{
        height:58px;
    }
}