@media screen and (max-width: 1200px) {
    #sekcja1 {
        height: 185vh;
    }
    #box1,
    #box2 {
        width: 40%;
    }
    #box3 {
        display: block;
        text-align: center;
        width: 80.5%;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    #sekcja2 {
        height: 150vh;
    }
    #sekcja3 {
        height: 1000px;
    }
    #form {
        left: 66%;
    }
}

@media screen and (max-width: 768px) {
    #sekcja1 {
        height: 250vh;
    }
    #div1 {
        display: block;
        width: 100%;
    }
    #box3,
    #box1,
    #box2 {
        display: block;
        text-align: center;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-size: auto;
    }
    #sekcja3 {
        height: 1200px;
    }
    #form {
        left: 0;
        float: none;
        display: block;
        text-align: center;
        padding: 40px;
    }
    #dane {
        display: block;
        text-align: center;
    }
    #kontakt {
        height: 850px;
    }
    #footerback {
        height: 850px;
    }
    .toggle {
        display: block;
        color: chartreuse;
        font-size: 20px;
    }
    .nav ul {
        display: none;
    }
    #drop:checked+ul {
        display: block;
    }
    .nav {
        text-align: right; 
        line-height: 75px;
        background-color: azure;
        padding-right: 50px;
        box-sizing: border-box;
        position: fixed;
        z-index: 20;
    }
    
    li {
        display: block;
        height: 20px;
        line-height: 20px;

        
    }
    
    .list {
        background-color: rgba(240, 255, 255, 0.5);

    }
    

        
    
    
}