body { 
	font-size: 16px;
	background-color: #FFF;
	font-family:'HelveticaNeue75',Arial,sans-serif;
}
form{    
  max-width:60%;    
  margin:20px auto;    
  border:2px solid #ccc; 
  padding:20px;
  min-width:300px;
}

form label, form input.checkbox {    
  float:left;  
  margin-bottom:5px;    
  font-weight:bold;    
  color:#111;
  width:25%;
 }
 


form label.zgoda {
	
	font-weight:normal; 
}
  
  
form textarea,form input,form select, form label.zgoda { 
 float:left;
 padding:5px;  
  border:1px solid #ccc;  
  margin-bottom:25px;  
  width:75%;  
  box-sizing: border-box;
  font-family:'HelveticaNeue55',Arial,sans-serif;
}



form input[type=submit] { 
  cursor:pointer; 
  margin-bottom:0px;
}



.label {
	display: inline-block;
	padding: 10px;
	margin: 0 4px 4px;

	text-align: right;
}





.obowiazek:link {
  color: black;
 }
 
.obowiazek:visited {
  color: black;
 }
 
 
 .kontakt {
	text-align: right;
	padding-right: 30px;

	
 }
 

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

	.msg, form label,form select {
		font-size: 9px;
	}
    form input {
		font-size: 9px;
	}
	

}

@media screen and (min-width: 601px) and (max-width: 800px) {

	.msg, form label, form select {
		font-size: 11px;
	}
	    form input {
		font-size: 11px;
	}
}	

@media screen and (min-width: 801px) and (max-width: 1200px) {
    .msg, form input, form select {
		font-size: 14px;
	}
	form label {
		font-size: 14px;
	}
}

@media screen and (min-width: 1201px) {
    .msg, form input, form select {
		font-size: 16px;
	}
	form label {
		font-size: 16px;
	}
}