*{font-family: 'Pacifico', cursive; font-family: 'Merienda', cursive; font-family: 'Courgette', cursive;}
.write{ background: url(../images/3.png) no-repeat left center; background-size: cover;/* background-attachment: fixed;*/ }
.color{ color: #ed3338; }
li{ list-style: none; }
img{ max-width: 100%; width: auto; margin: 0;  }
.bg_img{ margin-top: 25px !important; }
.bg_img li{ background: url(../images/candy.png) no-repeat left center; background-size: cover; width: 225px; font-size: 34px; color: #fff212; margin-bottom: 35px;}
.bg_img li input{ text-align: center; color: #fff212; background-color: transparent; border-bottom: 3px solid #000; width: 50px; border-top: 0; border-left: 0; border-right: 0; }
.bg{-webkit-box-shadow: 0 0 10px 5px rgba(255,255,255,1); box-shadow: 0 0 10px 5px rgba(255,255,255,1); background-color:#fff;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.bg_img li{ margin: 0 0 30px 0 !important; }
	h2.mt-5.text-left{font-size: 24px;}
}

@media only screen and (max-width: 479px) {
	.bg_img li{ margin: 0 0 30px 0 !important; }
	h2.mt-5.text-left{font-size: 24px;}
}
input {
  text-transform: lowercase;
}
.success{
	color: green !important;
}
.error{
	color: red !important;
}