@charset "utf-8";
/* CSS Document */
html {
	overflow-x: hidden;
	min-height:100%;
	min-width:100%;
	-ms-text-size-adjust:none;
}


.dobra-9{
	background-repeat:no-repeat;
	padding-top:3%;
	min-height:390px;
	padding-bottom:1%;
	background-color:#ebeced;
	color:#004571
}
.dobra-9 .illustration{
	right:-10px;
	margin-top:-10px;
	float:right;
	max-height:550px;
}

.dobra-13{
	background-repeat:no-repeat;
	padding-top:3%;
	min-height:390px;
	padding-bottom:1%;
	background-color:#e1f2fa;	
	color:#004571;
}
.dobra-13 .illustration{
	right:-20px;
	margin-top:15px;
	float:right;
	max-height:550px;
	padding-bottom:3%;
}

.dobra-1{
	max-height:860px;
}

.dobra-5{
	background-color:#e7e8e9;
}
.dobra-11{
	padding-top:3%;
		padding-bottom:2%;
	background-color:#ebeced;
	min-height:380px;

}

.dobra-12 .illustration{
	
	max-height:350px;
	padding-bottom:5%;
}

.dobra-12{
	padding-top:3%;
		padding-bottom:2%;
	background-color:#f4f4f2;
	min-height:380px;
}

.dobra-10{
	padding-top:3%;
}

@media only screen and (min-width: 2650px){
	
	.dobra-1b{
		padding-top:3%;
	}
	
	
	.dobra-2 .illustration{
		margin-top: 15%;
    
	}

		.dobra-7 {
    	    padding-bottom: 60px !important;
    background-size: auto 350px!important;
    background-position: bottom center;
			background-position-x:40%;
 

    }
	.dobra-9 .illustration{
		margin-top:5%;
		max-width: 800px;
    right: -80px;
		float:right;
	}

}

@media only screen and (max-width: 2600px){
	
	.dobra-1b{
		padding-top:3%;
	}
	.dobra-2 .illustration{
		margin-top: 15%;
    
	}
.dobra-8{
		background-size: auto 590px!important;
		background-position:center left;
			padding-bottom:200px!important;
	}
		.dobra-7 {
    	    padding-bottom: 60px !important;
    background-size: auto 450px!important;
    background-position: bottom left;
    background-position-x: -50px;

    }
	.dobra-11.illustration{
	max-widh:500px;
	align-content:bottom;
		padding-left:10%;
		padding-right:10%;
}
.dobra-9 .illustration{
		max-width: 800px;
    right: -80px;
		float:right;
	}
	.dobra-10 .illustration{
		max-width:600px;
	}
	
	.dobra-11 .illustration{
		max-width:550px;
		margin-top:10%;
		margin-left:10%;
	}
	
}


@media only screen and (max-width: 1800px){
.dobra-8{
		background-size: auto 490px!important;
		background-position:center left;
			padding-bottom:200px!important;
	max-height: 460px;

	}
	.dobra-10 .illustration{
		max-width:550px;
	}
	
	.dobra-11 .illustration{
		max-width:550px;
		margin-top:10%;
		margin-left:10%;
	}
	.dobra-2 .illustration{
		margin-top: 15%;
		    padding-right: 15%;
    
	}
	.dobra-7 {
    	    padding-bottom: 60px !important;
    background-size: auto 420px!important;
    background-position: bottom left;
    background-position-x: -170px;

    }
	.dobra-9 .illustration{
		margin-top:5%;
		max-width: 800px;
    right: -80px;
		float:right;
	}
	.dobra-1b{
		padding-top:3%;
	}
}
@media only screen and (max-width: 1600px){
.dobra-9 .illustration{
	margin-top:8%;
		max-width: 760px;
    right: -80px;
		float:right;
	}
}

@media only screen and (max-width: 1500px){
.dobra-3 .illustration {
    max-width: 320px;
	float:left;

		}
	.dobra-12.illustration{
	max-width:200px;
	align-content:bottom;
		padding-left:70%;
		padding-right:70%;
}
	.dobra-12 .illustration{
		max-height:320px;
		padding-bottom:5%;
	}
	
	.dobra-9 .illustration{
		margin-top:2%;
		max-width: 700px;
    right: -80px;
		float:right;
	}
}

@media only screen and (max-width: 1500px){
	.dobra-8{
		    background-size: auto 400px!important;
    background-position: bottom left;
    max-height: 400px;

	}
		.dobra-7 {
    	    padding-bottom: 60px !important;
    background-size: auto 350px!important;
    background-position: bottom left;
    background-position-x: -170px;

    }
			.dobra-1 p{
	padding-top:10%;
}
	.dobra-10 .illustration{
		max-width:480px;
	}
	
	.dobra-11 .illustration{
		max-width:530px;
		margin-top:10%;
		margin-left:2%;
	}
}

@media only screen and (max-width:1391px){
	
.dobra-9 .illustration{
		margin-top:5%;
		max-width: 600px;
    right: -80px;
		float:right;
	}
}
@media only screen and (max-width: 1200px){

		.dobra-7 {
    	padding-bottom: 60px !important;
		background-size: auto 300px!important;
		background-position:bottom left;
			background-position-x: -160px;
    }
		.dobra-8{
		
    background-position: bottom left;
    background-position-x: 0%;
    background-size: auto 300px!important;
    max-height: 300px;

	}
	.dobra-4{
		min-height:350px;
		background-position:bottom left;
		background-size:auto 400px;
		wrapper:100%;
	}
	.dobra-9 .illustration{
		margin-top:3%;
		max-width: 500px;
    right: -80px;
		float:right;
	}
	.dobra-10 .illustration{
		max-width:450px;
	}
	
	.dobra-11 .illustration{
		max-width:470px;
		margin-top:2%;
		margin-left:2%;
	}
}

@media only screen and (max-width:1024px){
	.dobra-3 .illustration {
     max-width: 230px;
    margin-left: 16%;
    margin-top: 20%;

		}
	.dobra-7 {
    	padding-bottom: 10px !important;
		background-size: auto 300px!important;
		background-position:bottom left;
			background-position-x: -160px;
		max-height:440px;
    }
	.dobra-12 .illustration{
		max-height:220px;
		padding-bottom:5%;
	}
.dobra-9 .illustration{
		margin-top:3%;
		max-width: 430px;
    right: -80px;
		float:right;
	}
}
	
@media only screen and (max-width: 992px){
	.dobra-1 .dobra-2 .dobra-3 .dobra-4 .dobra-5 .dobra-7 .dobra-8 .dobra-9{
	padding-top:2%;
}
	.dobra-1 .illustration {
		max-width:90%;
	}
.dobra-1 p{
	padding-top:5%;
}

	.dobra-7 {

	background-size: auto 280px!important;
    background-position: bottom left;
    background-position-x: -170px;
    }
	
	.dobra-9 .illustration{
		margin-top:3%;
		max-width: 480px;
    margin-right: 0;
		float:right;
	}
		.dobra-11 .illustration{
		max-width:450px;
		margin-top:2%;
		margin-left:0;
	}

}
@media only screen and (max-width: 952px){
	.dobra-9 .illustration{
		margin-top:4%;
		max-width: 460px;
    margin-right: 0;
		float:right;
	}
}

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

	.dobra-5 .illustration{
		max-height:270px;
		padding-top:10%;
	}
	.dobra-8{
		
    background-position: bottom left;
    background-position-x: 0%;
    background-size: auto 300px!important;
    max-height: 300px;

	}
.dobra-3 .illustration {
     max-width: 230px;
    margin-left: 16%;
    margin-top: 45%;

		}
	.dobra-2 .illustration {
		margin-top: 30%;
    max-width: 400px;
    padding-right: 15%;
	}
	.dobra-4{
		background-size: auto 330px!important;
		background-position:bottom left;
		padding-bottom:20px!important;
}
	
.dobra-10 .illustration {
    max-width: 370px;
	
		}
		.dobra-11 .illustration{
	max-widh:280px;
			    padding-right: 40px;

}

}


@media only screen and (max-width: 932px){
	
	.dobra-1{
		min-height:350px;
	}

	.dobra-8{
		background-position:bottom left;
		background-position-x:0%;
		background-size: auto 300px!important;
	}
	.dobra-4{
		background-size: auto 330px!important;
		background-position:bottom left;

	}
	
	.dobra-10 p{
		padding-right:12px;
	}
.dobra-9 .illustration{
		margin-top:4%;
		max-width: 410px;
    margin-right: 0;
		float:right;
	}
	.dobra-11 .illustration{
		max-width:420px;
		margin-top:16%;
		margin-left:0;
	}
}

@media only screen and (max-width: 920px){
	
	
	.dobra-10 p{
		padding-right:12px;
	}

}

@media only screen and (max-width:871){
		.dobra-9 .illustration {
    max-width: 300px;

		}
	
	.dobra-5 .illustration{
		max-height:270px;
	}
	.dobra-11 .illustration{
		max-width:400px;
		margin-top:6%;
		margin-left:0;
		padding:0;
	}
	
}

@media only screen and (max-width: 835px){
	.dobra-4{
		background-size: auto 330px!important;
		background-position:bottom left;
		padding-bottom:280px;
		

	}
	.dobra-9 .illustration {
    max-width: 320px;
		margin-left:2%;

		}
	.dobra-9 p{
		padding-right:15%;
	}
	
		.dobra-8{
		
    background-position: bottom left;
    background-position-x: 0%;
    background-size: auto 260px!important;
    max-height: 300px;

	}
	.dobra-10 .illustration {
    max-width: 370px;
		margin-left:20px;
		}
	.dobra-10 p{
		padding-right:15px;
	}
		.dobra-11 .illustration{
		max-width:90%;
		margin-top:12%;
		margin-left:0;
	}
}
	



@media only screen and (max-width: 830px){
		.dobra-8{
		
    background-position: bottom left;
    background-position-x: 0%;
    background-size: auto 260px!important;
    max-height: 600px;

	}
	
	.dobra-7{
	min-height: 670px;
	}
	.dobra-3 .illustration {
		margin-left:50%; 
		   margin-top: -20%;
	}
	.dobra-3 {
		max-height:650px;
				padding-bottom:50px;

	}
	.dobra-1 .illustration{
		max-height:200px;
	}
	
	
	.dobra-5 .illustration {
		padding-top:10%;
		max-width:340px;
	}
	
		.dobra-4{
		background-size: auto 330px!important;
		background-position:bottom left;
		padding-bottom:280px!important;
}
	.dobra-10 .illustration {
    max-width: 360px;
		margin-left:40px;
	}
	.dobra-10 p{
		padding-right:10px;
	}
	
	.dobra-6 .illustration {
		max-width:500px;
		margin-left:10%;
	}
	
	.dobra-13 .illustration{
		margin-left:0;
		margin-top:15px;
		float:left;
		max-height:200px;
}
.dobra-9 .illustration{
		margin-top:4%;
		max-width: 710px;
    margin-right: 0;
		float:right;
	}
	.dobra-11 .illustration{
		max-width:80%;
		margin-top:12%;
		margin-left:0;
	}
}
	
@media only screen and (max-width:829px){
	.dobra-13 .illustration{
		margin-left:20%;
		margin-top:15px;
		float:left;
		max-height:250px;
}
	.dobra-10 .illustration{
		margin-left:25%;
		margin-top:15px;
		float:left;
		max-height:350px;
}
.dobra-11 .illustration{
		max-width:77%;
		margin-top:2%;
		margin-left:0;
	}
	.dobra-5 .illustration {
		padding-top:2%;
		margin-left:25%;
		max-width:360px;
	}
	.dobra-12 .illustration{
		max-widh:280px;
		margin-top:2%;
		padding-left:23%;
		padding-right:23%;
}
	.dobra-2 .illustration{
		margin-top: 5%;
    max-width: 400px;
    padding-right: 15%;
	}
}
	


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

	.dobra-8{
		background-size: auto 290px!important;
	}
	.dobra-4{
			background-size: auto 330px!important;
		background-position:bottom left;
			padding-bottom:200px;
				min-height:350px;

	}
	.dobra-11 .illustration{
	max-widh:280px;
					margin-top:0;
	margin-left:15%;
}
	
	.dobra-11{
		max-height:650px;
	}
	.dobra-13 .illustration{
		margin-left:20%;
		margin-top:15px;
		float:left;
		max-height:200px;
}
	.dobra-9 .illustration{
		margin-top:4%;
		max-width: 510px;
    margin-right: 0;
		float:right;
	}
}


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

	.dobra-7 {
    min-height: 700px;
}
	
	.dobra-3 .illustration {
		margin-left:50%; 
		   margin-top: -25%;
	}
	.dobra-3 {
		min-height:720px;
				padding-bottom:30px;

	}
	.dobra-6 .illustration {
		max-width:400px;
		margin-left:0;
	}
	.dobra-11 .illustration{
	max-widh:280px;
				margin-top:0;
margin-left:0;
}
	.dobra-11{
		max-height:750px;
	}
	.dobra-8 p{
		line-height:1.5;
	}
	
	.dobra-4{
		line-height:1.2;
		min-height:660px;
		background-size:auto 200px
	}
	.dobra-13 .illustration{
		margin-left:15%;
		margin-top:15px;
		float:left;
		max-height:200px;
}

}

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

	.dobra-3 .illustration {
		margin-left:10%; 
		padding-top:27%;
		    max-width: 200px;

		  
	}
	.dobra-3 {
		min-height:700px;
				padding-bottom:20px;

	}

		
	.dobra-8{
		background-size: auto 290px!important;
		background-position:bottom left;
			padding-bottom:250px!important;
	}
	.dobra-4{
		background-size: auto 330px!important;
		background-position:bottom left;
		padding-bottom:250px!important;
		line-height:1.2;
		min-height:660px;
	}
	
	
		.dobra-7 {
    padding-bottom: 270px!important;
    background-size: auto 250px!important;
			min-height:770px;
	}
.dobra-5 .illustration {
		margin-top:0;
		max-width:320px;
	margin-left:10px;
	}
	.dobra-10 .illustration {
    max-width: 300px;
		margin-left:40px;
		

		}
	.dobra-6 .illustration {
		max-width:350px;
		margin-left:0;
	}
	.dobra-13 .illustration{
		margin-left:15%;
		margin-top:15px;
		float:left;
		max-height:150px;
}
	.dobra-9 .illustration{
		margin-top:4%;
		max-width: 410px;
    margin-right: 0;
		float:right;
	}
	.dobra-2 .illustration{
		margin-top:4%;
		max-width: 370px;
padding-left:15%;
		margin-left:0px;
		
	}
	.dobra-12 .illustration{
		    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
	}
}



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

	.dobra-3 .illustration {
    max-width: 160px;
		    padding-top: 35%;

		}
	.dobra-3{
		min-height:40px;
				padding-bottom:40px;

	
	}
	
	.dobra-4{
		background-size: auto 280px!important;
		background-position:bottom left;
		padding-bottom:0!important;
		min-height:550px;
		line-height:1.2;
}
	
	.dobra-8{
	padding-bottom: 190px!important;
    background-size: auto 250px!important;
		background-position:bottom left;
		min-height:450px;
	}

	.dobra-7 {
    padding-bottom: 230px!important;
    background-size: auto 250px!important;
			min-height:720px;
		background-position-x:-190px;
	}
	.dobra-5 .illustration {
		margin-top:0;
		max-width:260px;
		margin-left:30px;
	}
	.dobra-10 .illustration {
    max-width: 260px;
		margin-left:30px;

		}
	.dobra-6 .illustration {
		max-width:310px;
		margin-left:0;
	}
	.dobra-2 .illustration {
    max-width: 260px;
		padding-left:10%;
		

		}
	.dobra-11 .illustration{

max-widh:230px;
				margin-top:0;
margin-left:0;
}
	.dobra-13 .illustration{
		margin-left:0;
		margin-top:15px;
		float:left;
		max-height:200px;
}
	.dobra-9 .illustration{
		margin-top:4%;
		max-width: 310px;
    margin-right: 0;
		float:right;
	}
	.dobra-12 .illustration{
		    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
	}
}

@media only screen and (max-width: 320px){
.dobra-3 .illustration {
    max-width: 160px;
		padding-top:35%;

		}
	.dobra-3 {
		min-height:730px;
				padding-bottom:90px;

	}
	.dobra-2 .illustration {
    max-width: 260px;
		padding-left:15%;
		

		}
	.dobra-4{
		background-size: auto 200px!important;
		background-position:bottom left;
		padding-bottom:120!important;
		min-height:520px;
}
	.dobra-8{
	padding-bottom: 190px!important;
    background-size: auto 250px!important;
	}

	.dobra-7 {
    padding-bottom: 230px!important;
    background-size: auto 220px!important;
			min-height:720px;
	}
	.dobra-10 .illustration {
    max-width: 260px;
		margin-left:10px;
		
		}
	.dobra-10 p{
		padding-right:50px;
	}
	
	.dobra-6 .illustration {
		max-width:220px;
		margin-left:0;
	}
	.dobra-13 .illustration{
		margin-left:0;
		margin-top:15px;
		float:left;
		max-height:150px;
		
}
	.dobra-5 .illustration {
		margin-top:0;
		margin-left:0;
		max-width:260px;
	}
	.dobra-12 .illustration{
		    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
	}
}