@media(max-width:86em){
    html {
        font-size: 56.25%;
    }   
}
@media(max-width:70em){
    html {
        font-size: 50%;
    } 
    h1{
        font-size: 4.2rem;
    } 
    grid--2-columns{
        gap: 4.2rem;
    }    
    .hero-container{
        gap: 4.2rem;
    }
    .hero-content{
        gap: 1.8rem;
        
    }
    .uslugi-title-wrapper{
        margin-bottom: 4.2rem;
    }
    .uslugi-container {
    grid-template-columns: 1fr ;
    row-gap: 0;
    }
    .uslugi-small-img-wrapper:nth-child(3){
        grid-row: 2;
    }
    .uslugi-img-small{
        max-height: 28rem;
        width: 100%;
        object-fit: cover;
        background-repeat: no-repeat;
        border-radius: var(--border-radius-big);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: block;
        
    }
    .uslugi-description-content-wrapper{
        border: 1.5px solid var(--color-primary);
        border-bottom-left-radius: var(--border-radius-big);
        border-bottom-right-radius: var(--border-radius-big);
        margin-bottom: 4.2rem;
    }
    .remonty-content-wrapper{
        margin-bottom: 4.2rem;
    }
    .uslugi-img-text{
        max-width: 90%;
    }
}
@media (max-width:53em){
    h1{
        font-size: 3.8rem;
    }
    h2{
        font-size: 3.2rem;
    }
    .container {
        padding: 4.2rem;
        gap: 4.2rem;
    }
    .uslugi-container{
        gap: 0;
    }
    .hero-container{
        gap: 3.2rem;
    }
    .grid--2-columns{
        gap:  3.2rem;
    }
    .grid--3-columns{
        grid-template-columns: 1fr 1fr;
        gap:  3.2rem;
    }
    .review-card:last-child{
        grid-column: 1 / -1;
    }
    .opinie-title-wrapper{
        padding-bottom: 0;
    }
    .poznaj-nas-content{
        gap: 2.2rem;
    }
    .map-section{
        grid-template-columns: 1fr;
    }
    .delivery-info-wrapper{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .delivery-info-wrapper h2{
        grid-column: 1 / -1;
        justify-self: center;
    }
    .button-mobile-nav{
        display: block;
        z-index: 9999999;
    }
    .navigation-list{
        background-color: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
        backdrop-filter: blur(10px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        /* hide nav */
        /* display: none; */
        opacity: 0%;
        transform: translateX(100%);
        transition: var(--transition-slow);
        /* make it unaccesable to mause and keybord */
        pointer-events: none;
        /* hide from screen readers */
        visibility: hidden;

    }
    .active-nav{
         opacity: 100%;
        pointer-events: auto;
        visibility: visible;
        transform: translateX(0%);
    }



}
@media (max-width:47em){
    
}