



.img_x{
	width:100%;
	max-height:55%;
	position:absolute;
	
}


 #donateA{
	width:60%;
	height:10%;
	border-radius:8px;
	color:white;
	text-align:center;
	text-shadow: 2px 4px 8px #000000;
	/*font-stretch:expanded;
	background-color: white;*/
	margin-top:20%;
	margin-left:21%;
	z-index:1;
	position:absolute;
	word-wrap:break-word;

}

#donateA{font-size:50px;}
#donateA:hover{font-size:53px;transition:font-size 1s;}
@media screen and (max-width:1400px){
	#donateA{font-size:35px;}
}
@media screen and (max-width:1000px){
	#donateA{font-size:20px;margin-top:18%;margin-left:45%;}
}


@media screen and (max-width:1000px){
	#donateA:hover{font-size:21px;transition:font-size 1s;}
}

/*
label{margin-left:-30%;text-align: justify;}

#email{margin-left: 60%;}

@media screen and (max-width:575px){
#email{margin-left: 0%;}
}

@media screen and (min-width:575px) and (max-width:875px){
#email{margin-left: 35%;}
}

@media screen and (min-width:575px) and (max-width:875px){
#do1{margin-left: 10%; min-width:10%;}
}

#pp1{
	margin-left: 40%;
}

#do1,#do2{
margin-bottom: 4%;
}

#do1{width:30%;}

*/

#dbar1{

	min-width:15%;
	min-height:15%;
	background-color:#7D0512;
	opacity:0.5;
	margin-left: -20%;
}

/*#B19D90
#dn2:before{
	content:'';
	position: absolute;
	margin-left:-60%;
	margin-top: 8%;
	width:0;
	height:0;
	border-left:100px solid transparent; 
	border-bottom:100px solid transparent;
	border-right:80px solid #62595A;
	z-index:;
}
*/
#do2{margin-top:4%;align-items: right; min-width:15%;}


#dn2{
	margin-left:-10%;
	margin-top:-4%;
	min-height:10%;
	min-width:60%;
	padding:1% 1%;
	border-radius:6px;
	position:relative;
	background-color:#BBBBBB;
	box-shadow: 2px 4px 8px #000000;
	font-size:250%;
		text-align:center;
		font-weight:900;
	z-index:1;	
}

#dn2 p{margin-left:17%;}



#dn1{
	margin-top: 50%;
	min-height: 10%;
	min-width: 60%;
	margin-bottom:-20%;
	background-color:white;
	border-radius:6px;
	z-index: 0;
	box-shadow: 2px 4px 8px #000000;
	text-align: justify;
}


 #dn3 p{
		
		font-size:200%;
		text-align:center;
		font-weight:900;
}


#dn3a{
	  text-decoration: underline overline;
}




#donatebtn {
	margin-left:45%;
	box-shadow: 2px 4px 8px #000000;
}


@media screen and (max-width: 1000px){
	#donatebtn{
		margin-left:40%;
	}
}

#donateAnimation{
	margin-bottom:-2%;

}


#donateA1{
	 margin-top:-25%;
	 min-width: 20%;
	 min-height: 30%;
	 background-color:#C41327;
	  border-radius: 50%;
	  position:absolute;
	 z-index: -1;
	 opacity:0.4;

	  animation-name: dna;
	  animation-duration: 10s;
	  animation-timing-function: linear;
	  animation-delay: 1s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dna {
	  0%   {background-color:#F5DA2E  transparent;  opacity:4.0;}
	  50%   {background-color:#F5DA2E  transparent;  opacity:0;}

}

#donateA2{
	 margin-top:-15%;
	 margin-left:70%;
	 width:30%;
	 height:50%;
	 background-color:#16D051;
	  border-radius: 50%;
	  position:absolute;
	 z-index:-1;
	 opacity:0.4;

	  animation-name: dnb;
	  animation-duration: 5s;
	  animation-timing-function: linear;
	  animation-delay: 2s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dnb {
	  0%   {background-color:#16D051  transparent;  opacity:4.0;}
	  50%   {background-color:#16D051  transparent;  opacity:0;}

}


#donateA3{
	 margin-top:-25%;
	 margin-left:70%;
	 width:10%;
	 height:8%;
	 background-color:#16A0D0;
	
	  position:absolute;
	 z-index:-1;
	 opacity:0.4;

	  animation-name: dnc;
	  animation-duration: 30s;
	  animation-timing-function: linear;
	  animation-delay: 1.5s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dnc {
	  0%   {background-color:#16D051  transparent; margin-left:70%; opacity:4.0;}
	  10%	{transform:rotate(360deg);opacity:0.2;}
	  50%   {background-color:#16D051  transparent; margin-left:10%; opacity:0;}

}


 @media screen and (max-width:1000px){
 	#donateA2{margin-top:-137%;margin-left:80%; height:15%;width:20%;}
 	#donateA1{margin-top:-147%;margin-left:1%; height:5%;width:35%;}
 	#donateA3{margin-top:-137%;margin-left:1%; height:5%;width:35%;}
 	}
 }







