/*
  style-responsive1.css - responsywność metodą od dołu do góry
  sytle-responsive2.css - responsywność metodą od góry do dołu
  
  Drugą metodę przyjąłem po wdrożeniu strony, podczas budowania modułu rekrutacji.
*/


@CHARSET "UTF-8";


@media screen and (max-width: 1199px) {
  .job-offer-header > .position {
    max-width: 408px;
  }
}

@media screen and (max-width: 991px) {
  .job-offer-header > .position {
    width: 222px;
  }
}

@media screen and (max-width: 767px) {
	.job-offer-form .ce_form input,
	.ce_form.wzorcowy input {
	  /* height: 35px; */
	  width: 100%;
	}
	.job-offer-form .ce_form .telefon input,
	.job-offer-form .ce_form .region input,
	.ce_form.wzorcowy .telefon input,
	.ce_form.wzorcowy .region input {
	  width: 100%;
	}
}

@media screen and (max-width: 650px) {
    #menu_rozwijane ul.level_2>li{
      width:99% !important;
    }
}

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

  h1, h2, h3, h4, h5, h6, div, span, p, a {
    word-break: break-word;
  }

}