@media (min-width: 1700px) {
    img
{
    margin: 5px;
}
    .container1 {
        display: flex;
        width: 100vw;
        height: 100vh;
        background-color: #ffffff;
		}
    .pierwszy {
        margin: auto;
    }
    .pierwszy1 { float: left; }
    .pierwszy2 { float: left; }
    .pierwszy3 { float: left; }
    .pierwszy4 { float: left; }
    .pierwszy5 { float: left; }
    .pierwszy6 { float: left; }
    .pierwszy7 { float: left; }

    .container2 {display: none;}
    .container3 {display: none;}
}

@media (max-width: 1700px) and (min-width: 800px) {
    img
    {
        margin: 3px;
    }
    .container1 {display: none;}
	.container2 {
        display: flex;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
		}
	.pierwszy {
        margin: auto;	
	    }
    .pierwszy1 { float: left; }
    .pierwszy2 { float: left; }
    .pierwszy3 { float: left; }
    .pierwszy4 { float: left; }

    .container3 {display: none;}
}

@media (max-width: 800px) {
    .container1 {display: none;}
	.container2 {display: none;}
	.container3 {
        display: flex;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }
    .pierwszy {
        margin: auto;	
     }
}

body, html
{
	background-color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
    margin: 0px;
}