.kwota_darowizny input { 
  width: 180px;
  margin: 0 auto;
}

.kwota_darowizny button {
  color: #fff;
  border-radius: 5px;
  border: 1px solid;
  border-color: #67a941 #63a23e #5c973a #63a23e;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6eb445), color-stop(1, #8ac567));
  box-sizing: border-box;
  font-size: 1.15em;
  padding: 0.5em 1em;
}

.menu-wsparcie span {
color: #fff;
padding: 17px;
background-color: #d04a63;
 border-radius: 20px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.18);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.18);
margin-right: 6vh;
  transform:scale(1);
  transition: .3s ease;
}

.menu-wsparcie:hover span {
 background-color: #b62f48; 
-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.2);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.2);
transform:scale(2);
}

.menu-klub-darczyncow span {
  color: #fff;
padding: 17px;
background-color: #8ac567;
 border-radius: 20px;
  margin-left: 3vh;
  transition: .3s ease;
}

.menu-klub-darczyncow:hover span {
 background-color: #70b946; 
-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
}

.form-search { 
display: block;
margin: 0 auto;
}

.cesarzowa img { 
border-radius: 15px 80px 30px;
}

.tytul h3 { font-size: 200%; }

.ania_avat,
.vola_avat,
.ewa_avat,
.wanda_avat,
.anna-las_avat,
.anna-sliwa_avat,
.alek_avat,
.ksiadz_avat,
.grzegorz_avat,
.avat { 
border-radius: 50%; 
-webkit-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.2);
box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.2);
}


.fb img,
.formularz img,
.grupa img {
display: block;
margin: 0 auto;
}

.formularz img,
.grupa img {
width: 110px;
}

.kontakt img {
border-radius: 30px 100px;
}

.zapis_kontakt,
.minione_rekolekcje {
transform:scale(1);
opacity: 0.8;
transition: all .5s ease;
}

.zapis_kontakt:hover,
.minione_rekolekcje:hover {
transform:scale(1.15);
opacity: 1;
}

:root{--zielony: #8ac567;}

/*-----------------------------------------------*/
/* NEWSLETTER */
/*-----------------------------------------------*/

.lewo_komp { text-align: center; margin-left: -120px; }
.prawo_komp { text-align: center; margin-left: 120px; }
.prawo_lewo { display: none; }

.newsletter_container {
	position: fixed;
z-index: 9999 !important;
    left: -350px;
    top: 17.2%;
    width: 340px;
    transition: left 0.5s ease;
}

.newsletter_container:hover {
	left: 0;
}

.napis_box {
	position: absolute;
    top: 57px;
    right: -133px;
    transform: rotate(-90deg);
    background: var(--zielony);
    cursor: pointer;
}

.napis {
	color: white;
	font-size: 28px;
	padding: 0 20px;
}

.newsletter_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	background: var(--zielony);
}

.newsletter {
	width: 85%;
    margin: 0 auto;
    padding-top: 10px;
}



/*-----------------------------------------------*/
/* IKONY SERDUSZEK */
/*-----------------------------------------------*/

.home-icon-item h4 { color: var(--zielony) !important;  transition: color .5s ease; }
.home-iconmenu:hover .home-icon-item h4 { color: #333 !important; }

.home-iconmenu p { color: #333;  transition: color .5s ease; }
.home-iconmenu:hover p { color: var(--zielony); }

/*-----------------------------------------------*/
/* WYŚWIETLANIE NA KOMÓRCE*/
/*-----------------------------------------------*/


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

.lewo_komp, 
.prawo_komp { display: none; }
.prawo_lewo { display: block; text-align: center; }

.col-md-12 { padding: 0; }

.home-icon-item { float: left; max-width: 33.3% !important; margin: 0 !important; padding: 0 !important;}
.home-icon-item:after { clear: both; }

.home-iconmenu { padding: 0 !important; margin: 0; }

.home-padding { padding-top: 20px; padding-bottom: 0px; }

.newsletter_container {
	position: fixed;
z-index: 9999 !important;
left: 0;
top: calc(100% - 60px);
    width: 90%;
margin-left: 5%;
    transition: top 0.5s ease;
}

.newsletter_container:hover {
	top: 15%;
}

.napis_box {
	position: relative;
    top: 0px;
    right: 0px;
width: 100%;
    transform: rotate(0deg);
    background: var(--zielony);
    cursor: pointer;
}

.napis { 
color: white;
font-size: 30px;
padding: 0 10px;
text-align: center;
width: 100%;
 }

.newsletter_box {
	position: relative;
	width: 100%;
	background: var(--zielony);
}

.newsletter {
	width: 85%;
    margin: 0 auto;
    padding-top: 15px;
padding-bottom: 15px;
}
.menu-wsparcie,
.menu-item-1672 {
    color: #fff;
background-color: #d04a63;
  }
  
.menu-item-420 {
  color: #fff;
background-color: #8ac567;
  }

}