#logo
{
	background:url("img/dachynowe.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: 200vh;
	 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 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	height:40vh;
	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 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
#img1
{
	height:44vh;
	width:20vw;
	
}
#img1 img
{
		
	height:44vh;
	width:20vw;
	
	
}
#tresc2 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
		height:40vh;
	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 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
	#img2
{
	height:44vh;
	width:20vw;
	
}
#img2 img
{
		
	height:44vh;
	width:20vw;	
}
#tresc3 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
		height:44vh;
	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 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
	#img3
{
	height:48vh;
	width:20vw;
	
}
#img3 img
{
		
	height:48vh;
	width:20vw;
	border-radius:0%;	
}


#tresc4 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
		height:44vh;
	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 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }	
#img4
{
	height:48vh;
	width:20vw;
	
}
#img4 img
{
		
	height:48vh;
	width:20vw;
}
span
{
	font-size:1.4rem;
	letter-spacing:2px;
	font-weight:700;
}
a
{
text-decoration:none;
color:red;
}
section
{	
line-height:1.8rem;
}

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

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

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

section
{	
font-size:1rem;
line-height:1.2rem;
}
}
@media only screen and (max-width:900px)
{
section
{	
font-size:1.4rem;
line-height:1.5rem;
}
#onasbox
{
 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
	 background:url("img/grey.png");	  
	 height:auto;
}
#tytul {
	min-height:6vh;
   -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	
    }

#tresc1 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
   -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	padding:2vh 2vw;
	height:auto;
    }

#img1 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
     -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	height:auto;
	width:100%;
    }
#img1 img
{
	width:100%;
	height:auto;
}

#tresc2 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
     -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	padding:2vh 2vw;
	height:auto;
    }

#img2 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
   -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	height:auto;
	width:100%;
    }
#img2 img
{
	width:100%;
	height:auto;
}
 #tresc3 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
   -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	padding:2vh 2vw;
	height:auto;
    }

#img3 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
     -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	height:auto;
	width:100%;
    }
#img3 img
{
	width:100%;
	height:auto;
}

#tresc4 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
     -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	padding:2vh 2vw;
	height:auto;
    }

#img4 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
   -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	height:auto;
	width:100%;
    }
#img4 img
{
	width:100%;
	height:auto;
}  
a
{
text-decoration:underline;
color:red;
}

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


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