#logo
{
	background:url("img/adidas.jpg") no-repeat;
	background-size:100% 100%;
	height:100vh;
	background-position:center bottom;
    color:white;
   width:100%;
}
#onasbox
{
	margin:0;
	padding:0;
	  width: 100%;
    height: 100vh;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;	
	}
#tytul {
	min-height:6vh;
	text-align:center;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	
    }

#tresc1 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:16vh;
	width:auto;
	padding:2vh 2vw;
	font-family:lato;
	font-size:1.2rem;
	background-color:white;
	
	
}
    

#img1 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   	height:20vh;
	width:auto;
	
}
#img1 img
{
	height:20vh;
	width:10vw;
}
#tresc2 
{
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:16vh;
	width:auto;
	padding:2vh 2vw;
	font-family:lato;
	font-size:1.2rem;
}
	
#img2
 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
   webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   	height:20vh;
	width:auto;
}
#img2 img
{
	height:20vh;
	width:10vw;
}	
#tresc3 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
   -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:16vh;
	width:auto;
	padding:2vh 2vw;
	font-family:lato;
	font-size:1.2rem;
	background-color:white;
	
    }

#img3 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
 - -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   	height:20vh;
	width:auto;
}
#img3 img
{		
	height:20vh;
	width:10vw;
}

#tresc4 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
 -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:16vh;
	width:auto;
	padding:2vh 2vw;
	font-family:lato;
	font-size:1.2rem;
	
    }

#img4 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
 -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   	height:20vh;
	width:auto;
	
}
#img4 img
{	
	height:20vh;
	width:10vw;
}
a
{
text-decoration:none;
color:red;
}


@media only screen and (max-width:1540px)
{

section
{	
font-size:1.1rem;
line-height:1.3rem;
}
}
@media only screen and (max-width:1340px)
{

section
{	
font-size:1rem;
line-height:1.2rem;
}
}
@media only screen and (max-width:900px)
{
section
{	
font-size:1.3rem;
line-height:1.5rem;
}
a
{
text-decoration:underline;

color:red;

}
#logo
{
height:100vh;
	
}
#onasbox
{
	height:auto;
	 background:url("img/grey.png");
	 width:100%;
}

#onasbox img,#img1,#img2,#img3,#img4
{
display:none;
}
#tresc1,#tresc2,#tresc3,#tresc4
{
	width:96%;
	height:auto;
	padding:2%;
}
}	
@media only screen and (max-width:800px)
{

#logo
{
	background:url("img/adidasM.jpg") no-repeat;
	background-size:100% 100%;
}
section
{	
font-size:1.2rem;
line-height:1.3rem;
}
}
@media only screen and (max-width:480px)
{
	
section
{	
font-size:1.1rem;
line-height:1.2rem;
}
}