.img_x{
	width:100%;
	max-height:55%;
	position:absolute;
	
}


 #getinvolvedA{
	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;

}

#getinvolvedA{font-size:50px;}
#getinvolvedA:hover{font-size:53px;transition:font-size 1s;}
@media screen and (max-width:1400px){
	#getinvolvedA{font-size:35px;}
}
@media screen and (max-width:1000px){
	#getinvolvedA{font-size:20px;margin-top:18%;margin-left:45%;}
}


@media screen and (max-width:1000px){
	#getinvolvedA:hover{font-size:21px;transition:font-size 1s;}
}










#dbar_get{

	min-width:15%;
	min-height:15%;
	background-color:#F6F930;
	opacity:0.5;
	margin-left: -20%;
}




#jam{
	width:100%;
	min-height:30%;
	margin-top:50%;
	margin-bottom:-30%;
	background-color:white; 
	box-shadow: 2px 4px 8px #000000;
	text-align: justify;
}



.iT p{
	width:100%;
	height:auto;
	background-color:grey;
	padding:8% 3% 3% 4%;
	border-radius: 6px;
	box-shadow: 2px 4px 8px #000000;
	text-align: center;
	font-size:160%;
	font-weight:900;
	color:white;
	z-index:-1;
	margin-top: -5%;	
}

.getclass p{
	text-align:center;
	width:100%;
	min-height:50%;
	background-color:white; 
	box-shadow: 2px 4px 8px #000000;
	color:black;
	margin-top:-8%;
	margin-bottom:12%;
	border-radius:6px;
	font-size:120%

}


#ibody_f {
	text-align:center;
	width:100%;
	min-height:50%;
	background-color:white; 
	box-shadow: 2px 4px 8px #000000;
	color:black;
	margin-top:-8%;
	margin-bottom:12%;
	border-radius:6px;
	
}

#btn1{
	margin-left:-6%;
	margin-top:-10%
}



#donateAnimation1{
	margin-bottom:-2%;

}


#donateA11{
	 margin-top:-25%;
	 min-width: 20%;
	 min-height: 30%;
	 background-color:#F6F930;
	  border-radius: 50%;
	  position:absolute;
	 z-index: -1;
	 opacity:0.4;

	  animation-name: dnaa;
	  animation-duration: 10s;
	  animation-timing-function: linear;
	  animation-delay: 1s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dnaa {
	  0%   {background-color:#F5DA2E  transparent;  opacity:4.0;}
	  50%   {background-color:#F5DA2E  transparent;  opacity:0;}

}

#donateA21{
	 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: dnbb;
	  animation-duration: 5s;
	  animation-timing-function: linear;
	  animation-delay: 2s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dnbb {
	  0%   {background-color:#16D051  transparent;  opacity:4.0;}
	  50%   {background-color:#16D051  transparent;  opacity:0;}

}


#donateA31{
	 margin-top:-25%;
	 margin-left:70%;
	 width:10%;
	 height:8%;
	 background-color:#16A0D0;
	
	  position:absolute;
	 z-index:-1;
	 opacity:0.4;

	  animation-name: dncc;
	  animation-duration: 30s;
	  animation-timing-function: linear;
	  animation-delay: 1.5s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;

}

@keyframes dncc {
	  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){
 	#donateA21{margin-top:-257%;margin-left:80%; height:15%;width:20%;}
 	#donateA11{margin-top:-267%;margin-left:1%; height:5%;width:35%;}
 	#donateA31{margin-top:-477%;margin-left:1%; height:5%;width:35%;}
 	}
 }