.donatebox {
  height: 250px;
  width: 90%;
  border-style: solid ;
  margin-top: 5%;
  padding-top: 0px;
  padding-left: 0px;
  background-color: #00ff00;
  color: #000;
  text-align:center;
 
}


/* Zoom Panel */


.zoomline1,
.zoomline2 {
	font-size:125%;
	font-style:roboto;
	margin-top:10%;
	
}

.zoomline2 {
	margin-top:5%;
}

.zoomORpos,
.zoombuttonpos1,
.zoombuttonpos2  {
	font-style:roboto;
	margin-top:5%;
}

.zoombuttonpos1,
.zoombuttonpos2 {
	text-align:center;
}

.button {
		background-color: #AA4A44;
		border: none;
		color: white;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 12px;
		margin: 2px 10px;
		cursor: pointer;
		width: 150px;
		border-radius: 25px;
}

.button:hover {
	background-color: #FF0000;
}

/* Zoom Flyer Body */

.zoomMainhead {
	font-size:200%;
	line-height:120%;
	font-family:"Century Gothic";font-style:"italic";
	text-transform:uppercase;
}


.zoominviteline {
	margin-top:8%;
	font-size:150%;
	line-height:120%;
	mso-ascii-font-family:"Century Gothic";
	mso-hansi-font-family:"Century Gothic";
	text-transform:uppercase;
	
	
}

.zoomMeetID {
	margin-top:4%;
	font-size:150%;
	line-height:120%;
	mso-ascii-font-family:"Century Gothic";
	mso-hansi-font-family:"Century Gothic";
	text-transform:uppercase;
}

.zoomPassCode {
	margin-top:3%;
	font-size:150%;
	line-height:120%;
	mso-ascii-font-family:"Century Gothic";
	mso-hansi-font-family:"Century Gothic";
	text-transform:uppercase;
}

.zoomPhone {
	margin-top:3%;
	font-size:150%;
	line-height:120%;
	mso-ascii-font-family:"Century Gothic";
	mso-hansi-font-family:"Century Gothic";
	text-transform:uppercase;
}

.zoomImagePos {
	margin-top:10%;
	margin-left:25%;
}


.zoomImageBox{
    width: 250px;  
	height: 175px;
	
}    


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


	
	.button {
			background-color: #AA4A44;
			border: none;
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 11px;
			margin: 2px 10px;
			cursor: pointer;
			width: 100px;
			border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}


	.zoomline1,
	.zoomline2 {
		font-size:115%;

		
	}

}

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



	.button {
			background-color: #AA4A44;
			border: none;
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size:10px;
			margin: 2px 10px;
			cursor: pointer;
			width: 100px;
			border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}
	
	.zoomImagePos {
		margin-top:10%;
		margin-left:15%;
	}


	.zoomImageBox{
		width: 200px;  
		height: 130px;
		
	}    





	.zoomline1,
	.zoomline2,
	.zoomORpos	{
		font-size:100%;
	}

	.zoombuttonpos1	  {
		margin-top:10%;
	}







}


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

	.zoomline1,
	.zoomline2,
	.zoomORpos	{
		font-size:95%;
	}


}	


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




/* Zoom Panel */


	.zoomline1,
	.zoomline2,
	.zoomORpos	{
		font-style:roboto;
		font-size:85%;
	}

	.zoomline1	{
		margin-top:20%;
	}

	.zoomline2,
	.zoomORpos {
		margin-top:5%;
	}


	.zoombuttonpos1,
	.zoombuttonpos2	{
		text-align:center;
		margin-top:10%
	}

	.zoombuttonpos1		{
		margin-top:17%
	}

	.zoombuttonpos2	{
		margin-top:5%
	}

	.button {
			background-color: #AA4A44;
			border: none;
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size:9px;
			margin: 2px 10px;
			cursor: pointer;
			width: 100px;
			border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}


	.zoomImagePos {
		margin-top:10%;
		margin-left:15%;
	}


	.zoomImageBox{
		width: 200px;  
		height: 130px;
		
	}    


}

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


	.zoomline1,
	.zoomline2,
	.zoomORpos	{
		font-style:roboto;
		font-size:80%;
	}



}


@media only screen and (max-width:600px) {
/* Zoom Panel */


	.zoomline1,
	.zoomline2  {
		
		font-size:175%;		
	}

	.zoomline1 {
		margin-top:5%;
	}


	.zoomline2 {
		margin-top:4%;
	}



	.zoomORpos {
		margin-top:3%;
		font-size:125%;
	}

	.zoombuttonpos1,
	.zoombuttonpos2 {
		text-align:center;
	}

	.zoombuttonpos1 {
		margin-top:5%
	}

	.zoombuttonpos2 {
		margin-top:3%
	}



	.button {
			background-color: #AA4A44;
			border: none;
			color: white;
			padding: 5px 10px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 12px;
			margin: 2px 10px;
			cursor: pointer;
			width: 120px;
			border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}


	.zoomImagePos {
		margin-top:10%;
		margin-left:25%;
	}


	.zoomImageBox{
		width: 200px;  
		height: 130px;
		
	}    








}



@media only screen and (max-width:450px) {
/* Zoom Panel */


	.zoomline1,
	.zoomline2 {
		margin-top:3%;
		font-size:150%;
	}

	.zoomline2 {
		margin-top:4%;
	}

	.zoomORpos {
		margin-top:3%;
		font-size:125%;
	}


	.zoombuttonpos1, 
	.zoombuttonpos2 {
		text-align:center;
	}

	.zoombuttonpos1	 {
		margin-top:8%
	}


	.zoombuttonpos2 {
		margin-top:3%
	}

}



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

	.zoomline1,
	.zoomline2,
	.zoomORpos {
		
		margin-top:5%;
		font-size:125%;
	}

	.zoomline2 {
		margin-top:4%;
	}

	.zoomORpos {
		font-size:115%;
	}

	.zoombuttonpos1,
	.zoombuttonpos2  {
		text-align:center;
		margin-top:8%
	}

	.zoombuttonpos2 {
		margin-top:3%
	}


	.button {
			background-color: #AA4A44;
			border: none;
			color: white;
			padding: 5px 10px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 12px;
			margin: 2px 10px;
			cursor: pointer;
			width: 125px;
			border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}


	.zoomImagePos {
		margin-top:10%;
		margin-left:15%;
	}




}


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

	.zoomline1,
	.zoomline2 {
		margin-top:8%;
		font-size:115%;
	}

	.zoomline2 {
		margin-top:4%;
	}

	.zoomORpos {
		
		margin-top:3%;
		font-size:100%;
	}

	.zoombuttonpos1,
	.zoombuttonpos2 {
		text-align:center;
		margin-top:10%
	}

	.zoombuttonpos2 {
		margin-top:3%
	}



	.button {
		background-color: #AA4A44;
		border: none;
		color: white;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		margin: 2px 10px;
		cursor: pointer;
		width: 125px;
		border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}

}


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


/* Zoom Panel */


	.zoomline1,
	.zoomline2,
	.zoomORpos {
		margin-top:12%;
		font-size:100%;
	}

	.zoomline2 {
		margin-top:4%;
	}

	.zoomORpos {
		margin-top:5%;
	}

	.zoombuttonpos1,
	.zoombuttonpos2 {
		text-align:center;
		margin-top:10%
	}

	.zoombuttonpos2 {
		margin-top:3%
	}




/* Zoom Flyer Body */

	.zoomMainhead {
		font-size:150%;
		line-height:150%;
		font-family:"Century Gothic";font-style:"italic";
		text-transform:uppercase;
	}


	.zoominviteline {
		margin-top:8%;
		font-size:100%;
		line-height:120%;
		mso-ascii-font-family:"Century Gothic";
		mso-hansi-font-family:"Century Gothic";
		text-transform:uppercase;
		
		
	}

	.zoomMeetID {
		margin-top:4%;
		font-size:100%;
		line-height:120%;
		mso-ascii-font-family:"Century Gothic";
		mso-hansi-font-family:"Century Gothic";
		text-transform:uppercase;
	}

	.zoomPassCode {
		margin-top:3%;
		font-size:100%;
		line-height:120%;
		mso-ascii-font-family:"Century Gothic";
		mso-hansi-font-family:"Century Gothic";
		text-transform:uppercase;
	}

	.zoomPhone {
		margin-top:3%;
		font-size:100%;
		line-height:120%;
		mso-ascii-font-family:"Century Gothic";
		mso-hansi-font-family:"Century Gothic";
		text-transform:uppercase;
	}



	.button {
		background-color: #AA4A44;
		border: none;
		color: white;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 2px 10px;
		cursor: pointer;
		width: 125px;
		border-radius: 25px;
	}

	.button:hover {
		background-color: #FF0000;
	}


	.zoomImagePos {
		margin-top:10%;
		margin-left:5%;
	}


	.zoomImageBox{
		width: 200px;  
		height: 130px;
		
	}    


}