#logo
{
	background:url("img/panellakk.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:10vh;
	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 87%;
    -ms-flex: 1 1 87%;
    flex: 1 1 87%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:40vh;
	padding-left:2%;
	font-family:lato;
	background-color:white;
	width:auto;
	
}
    

#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;
	margin-top:10vh;
}
#tresc2 
{
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
     -webkit-flex: 1 1 87%;
    -ms-flex: 1 1 87%;
    flex: 1 1 67%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:40vh;
	padding-left:2%;
	font-family:lato;
	width:auto;
}
#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:30vh;
	width:20vw;
	margin-top:5vh;
}	
a
{
text-decoration:none;
color:black;
}

#onasbox
{
	font-size:1.1rem;
}
@media only screen and (max-width:1540px)
{

#onasbox
{	
font-size:1rem;
}
}
@media only screen and (max-width:900px)
{
html
{
font-size:13px;	
}
a
{
text-decoration:underline;

color:red;

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

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

{
	font-size:12px;
}
.item
{
	font-size:1.1rem;
}
}
@media only screen and (max-width:480px)
{
	
item
{
	font-size:1rem;
}
}