@media only screen
and (max-width : 767px) 
{
	body
	{ background-size:auto;
	}
	.wrapper-left
	{ position:relative; width:100%; float:left;
	}
	.logo, .logo-name
	{ width:100%; float:left; text-align:center;
	}
	.logo-name-add
	{ margin-bottom:15px; padding:0 15px; box-sizing:border-box; margin-top:10px;
	}
	.logo-name-in img
	{ max-width:96%
	}
	.logo-name
	{ background:none; margin-bottom:15px;
	}
	.building
	{  background-size:100%; float:left; height:140px;
	}
	.wrapper-right
	{ width:100%; float:left; box-sizing:border-box; padding:0 10px; padding-bottom:140px;
	}
	.contribute-btn
	{ margin:0 0 25px 0;
	}

	.form
	{ max-width:96%
	}
	.donation-inner
	{ padding:0 5px; margin-top:0; font-size:14px;
	}
	
}

@media only screen and (min-width : 768px) and (max-width : 1200px)
{
	.wrapper-left
	{ width:50%; box-sizing:border-box; padding:0 10px;
	}
	.wrapper-right
	{ width:50%;box-sizing:border-box; padding:15px 10px 0 10px;
	}
	.logo, .logo-name
	{ width:100%; float:left; text-align:center;
	}
	.logo-name-add
	{ margin-bottom:15px; padding:0 15px; box-sizing:border-box; margin-top:10px;
	}
	.logo-name-in img
	{ max-width:96%
	}
	.logo-name
	{ background:none; margin-bottom:15px;
	}
}