body{
    height: 200vh;
    /* max-width: 1vw; */
}
.grid-container{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5vh 10vh 1fr;
    
}
.nav>ul>li{
    text-decoration: none;
    display: inline-block;
    float: right;
    padding: 15px;
}
.nav>ul>li>a{
    text-decoration: none;
    color: black;
    font-size: 20px;
}
.nav>ul>li>a:hover{
    text-decoration: underline;
}
.slider{
    position: relative;
    width: 1000px;
    height: 500px;
    left: 50%;
    transform: translate(-50%);
}
.main{
    /* border: 1px solid black; */
}
.main>p{
    position: relative;
    text-align: left;
    width: 40%;
    font-size: 25px;
    left: 20px;
    letter-spacing: 1px;
}
/* @media (max-width: 1200px){
    .unia{
        transform: translate(-50%);
        left: 70%;
        position: relative;
        width: 600px;
        top: -27vh;
    }
    .sthil{
        position: relative;
        width: 200px;
        left: 20%;
        top: -20vh;
        transform: translate(-50%);
    }
    .valtra{
        position: relative;
        width: 200px;
        left: 30%;
        top: -20vh;
        transform: translate(-50%);
    
    }
    .komatsu{
        position: relative;
        width: 200px;
        left: -5%;
        top: -10vh;
        transform: translate(-50%);
    
    }
    .ahwi{
        position: relative;
        width: 200px;
        left: 5%;
        top: -7vh;
        transform: translate(-50%);
    }
} */
@media (max-width: 830px){
    .unia{
        transform: translate(-50%);
        left: 70%;
        position: relative;
        width: 600px;
        top: 10vh;
    }
    .sthil{
        position: relative;
        width: 200px;
        left: 20%;
        top: -20vh;
        transform: translate(-50%);
    }
    .valtra{
        position: relative;
        width: 200px;
        left: 20%;
        top: -20vh;
        transform: translate(-50%);
    
    }
    .komatsu{
        position: relative;
        width: 200px;
        left: -5%;
        top: -10vh;
        transform: translate(-50%);
    
    }
    .ahwi{
        position: relative;
        width: 200px;
        left: 5%;
        top: -7vh;
        transform: translate(-50%);
    }
}
.unia{
    transform: translate(-50%);
    left: 70%;
    position: relative;
    width: 600px;
    top: -27vh;
}
.sthil{
    position: relative;
    width: 200px;
    left: 20%;
    top: -20vh;
    transform: translate(-50%);
}
.valtra{
    position: relative;
    width: 200px;
    left: 30%;
    top: -20vh;
    transform: translate(-50%);

}
.komatsu{
    position: relative;
    width: 200px;
    left: -5%;
    top: -10vh;
    transform: translate(-50%);

}
.ahwi{
    position: relative;
    width: 200px;
    left: 5%;
    top: -7vh;
    transform: translate(-50%);
}
.oferta>h1{
    position: relative;
    font-size: 50px;
    width: 220px;
    border-radius: 10%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    border: 10px outset darkgreen;
}
.pozyskanie>img{
    width: 300px;
    height: 200px;
}
.pozyskanie>h3{
    font-size: 30px;
}
.pozyskanie>p{
    position: relative;
    top: -25vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.zrywka{
    margin-top: -20vh;
}
.zrywka>img{
    width: 300px;
}
.zrywka>h3{
    font-size: 30px;
}
.zrywka>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.reku{
    margin-top: -10vh;
}
.reku>img{
    width: 300px;
}
.reku>h3{
    font-size: 30px;
}
.reku>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.rozd>h3{
    font-size: 30px;
}
.rozd>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.zalesienia>h3{
    font-size: 30px;
}
.zalesienia>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.zabiegi{
    margin-top: -10vh;
}
.zabiegi>h3{
    font-size: 30px;
}
.zabiegi>p{    
    position: relative;
    top: -5vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.orka>img{
    width: 300px;
}
.orka>h3{
    font-size: 30px;
}
.orka>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.wyc>img{
    width: 300px;
}
.wyc>h3{
    font-size: 30px;
}
.wyc>p{
    position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.grodz>h3{
    font-size: 30px;
}
.grodz>p{
      position: relative;
    top: -20vh;
    font-size: 20px;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.poz>h3{
    font-size: 30px;
}
.poz>p{
    position: relative;
    top: -5vh;
    font-size: 20px;
    text-align: justify;
    width: 50%;
    left: 60%;
    transform: translate(-50%);
}
.kontakt>h1{
    position: relative;
    font-size: 50px;
    width: 220px;
    border-radius: 10%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    border: 10px outset darkgreen;
}
.kontakt>iframe{
    position: relative;
    left: 70%;
    transform: translate(-70%);
    width: 50%;
    top: -20vh;
}
.kontakt>p{
    position: relative;
    font-size: 30px;
    top: 20vh;    
}
.footer>h3{
    text-align: center;
    font-size: 25px;
}