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


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

}

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


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


#donate,#getinvolved,#ourmission{
	width:40%;
	max-height:10%;
	background-color:white;
	margin-top:22%;
	margin-left:8%;
	border-radius:6px;
	z-index: 1;
	box-shadow: 2px 4px 8px #000000;
	font-size:20px;
	text-align:center;
}


#getinvolved{margin-top:28%;margin-left:15%;}
#ourmission{margin-left:15%;}


@media screen and (max-width:1000px){#row1{ margin-top:20%;}}

@media screen and (max-width:1000px){
	#donate,#getinvolved,#ourmission{
	width:70%;
	min-height:10%;
	background-color:white;
	margin-bottom:-20%;
	border-radius:6px;
	z-index: 1;
	box-shadow: 2px 4px 8px #000000;
	font-size:15px;
	text-align:center;
	}



}
@media screen and (max-width:1000px){
#donate{margin-left:15%;}
}
@media screen and (max-width:1000px){
#getinvolved{margin-bottom:-15%;margin-left:15%;}
}

@media screen and (min-width:580px){
#donate{margin-left:10%;}
}



.p_img{
	width:100%;
	max-height:50%;
	margin-top:3%;
	border-radius:6px;
	box-shadow: 2px 4px 8px #000000;
}
.p_img:hover{width:102%;transition:width 1s;}


.title{
	font-family: Bevan;
	color:white;
	font-size:80%;
	text-align:center;
	text-shadow: 2px 4px 8px #000000;
	z-index:1;
	margin-top:45%;
	margin-left:23%;
	position:absolute;	
}

@media screen and (max-width:1400px){
	.title{font-size:70%;margin-left:11%;
	}}


.title:hover{font-size:22px;transition:	font-size 1s;}

.read{
	width:60%;
	height:10%;	
	margin-left:20%;
	background-color:#AB0E0E;
	color:white;
	text-align:center;
	border-radius:6px;
	padding:4% 1%;
	font-size:70%;
	box-shadow: 2px 4px 8px #000000;
}

.read:hover{font-size:83%;transition:font-size 1s;background-color:#B19D90; color:black;font-weight: 900;}






#foundertitle{
	width:40%;
	min-height:2em;
	background-color:#183B4B;
	margin-top:8%;
	margin-left:30%;
	margin-bottom:-2%;
	border-radius:6px;
	
	box-shadow: 2px 4px 8px #000000;
	font-size:20px;
	text-align:center;
	color:white;
	font-weight:900;
}


#founder{
	width:40%;
	max-height:10%;
	background-color:white;
	margin-top:2%;
	margin-left:30%;
	border-radius:6px;
	z-index: 0;
	box-shadow: 2px 4px 8px #000000;
	font-size:20px;
	text-align:center;
	font-weight:900;
}


@media screen and (max-width: 570px){
	#founder, #foundertitle{width:80%;margin-left: 10%;}}
/*
@media screen and (max-width: 300px){
	#founder, #foundertitle{width:80%;margin-left: 10%;}}
*/


#b1{
	width:100%; 
	min-height:10%;
	background-color:#BBBBBB;
	margin-top:10%;
	margin-left:;
	z-index: -1;	
}


#fd1{
	width: 40%;
	min-height: 10%;
	padding-top:0.6%;
	padding-bottom:0.6%;
	margin-left:30%;
	margin-bottom:-2.3%;
	background-color:#183B4B;
	text-align: center;
	border-radius: 10px;
	box-shadow: 2px 4px 8px #000000;
	color:white;
	font-weight:900;
	font-size: 30px;
	position: relative;
	text-shadow: 2px 4px 8px #000000;
}

@media screen and (max-width: 570px){
	#fd1{width:80%;margin-left: 10%;}}

#sq1{
		border-left:70px solid #D42F2F;
	    border-top:70px solid transparent;
	    border-bottom:70px solid transparent;

	  width: 0px;
	  height: 0px;
	  background-color:;
	  position: relative;

	  /* Safari 4.0 - 8.0 */
	  -webkit-animation-name: sqa;
	  -webkit-animation-duration: 25s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay: 2s;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
	  /* Standard syntax */
	  animation-name: sqa;
	  animation-duration: 25s;
	  animation-timing-function: linear;
	  animation-delay: 0s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes sqa {
	   0%   {background-color:red transparent; left:0%; top:0%;opacity:0.3;}
	  10%  {transform:rotate(360deg);opacity:0.1;}
	  25%  {background-color:yellow transparent; left:100%; top:10%;}
	  50%  {background-color:blue transparent; left:50%; top:100%;}
	  75%  {background-color:green transparent; left:0%; top:70%;}
	  100% {background-color:red transparent; left:90%; top:30%;}
	 
	   
	}

	/* Standard syntax */
	@keyframes sqa {
	  0%   {background-color:red transparent; left:0%; top:0%;opacity:0.3;}
	  10%  {transform:rotate(360deg);opacity:0.1;}
	  25%  {background-color:yellow transparent; left:80%; top:10%;}
	  50%  {background-color:blue transparent; left:50%; top:80%;}
	  75%  {background-color:green transparent; left:0%; top:70%;}
	  100% {background-color:red transparent; left:90%; top:30%;}
 }




 #sq2{
		border-left:70px solid #2FA9D4;
	    border-top:70px solid transparent;
	    border-bottom:70px solid transparent;

	  width: 0px;
	  height: 0px;
	  background-color:;
	  position: relative;

	  /* Safari 4.0 - 8.0 */
	  -webkit-animation-name: sqb;
	  -webkit-animation-duration: 30s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay: 2s;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
	  /* Standard syntax */
	  animation-name: sqb;
	  animation-duration: 30s;
	  animation-timing-function: linear;
	  animation-delay: 0s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes sqb {
	   0%   {background-color:red transparent; left:100%; top:0%;opacity:0.3;}
	  10%  {transform:rotate(360deg);opacity:0.1;}
	  25%  {background-color:yellow transparent; left:100%; top:10%;}
	  50%  {background-color:blue transparent; left:50%; top:100%;}
	  75%  {background-color:green transparent; left:0%; top:70%;}
	  100% {background-color:red transparent; left:90%; top:30%;}
	 
	   
	}

	/* Standard syntax */
	@keyframes sqb {
	  0%   {background-color:red transparent; right:80%; bottom:80%;opacity:0.3;}
	  10%  {transform:rotate(360deg);opacity:0.1;}
	  25%  {background-color:yellow transparent; left:80%; top:10%;}
	  50%  {background-color:blue transparent; left:50%; top:80%;}
	  75%  {background-color:green transparent; left:0%; top:70%;}
	  100% {background-color:red transparent; left:90%; top:30%;}
 }


  #sq3{
		border-left:70px solid #000000;
	    border-top:70px solid transparent;
	    border-bottom:70px solid transparent;

	  width: 0px;
	  height: 0px;
	  background-color:#000000;
	  position: relative;

	  /* Safari 4.0 - 8.0 */
	  -webkit-animation-name: sqc;
	  -webkit-animation-duration: 30s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay: 2s;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
	  /* Standard syntax */
	  animation-name: sqc;
	  animation-duration: 30s;
	  animation-timing-function: linear;
	  animation-delay: 0s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes sqc {
	   
	 
	   
	}

	/* Standard syntax */
	@keyframes sqc {
	  0%   {background-color:#000000 transparent; bottom:0%; left:80%;opacity:0.3;}
	  10%  {transform:rotate(250deg);opacity:0.1;}
	  25%  {background-color:#000000 transparent; left:80%; top:10%;}
	  50%  {background-color:#000000 transparent; left:50%; top:80%;}
	  75%  {background-color:#000000 transparent; left:0%; top:70%;}
	  100% {background-color:#000000 transparent; left:90%; top:30%;}
 }






 #sq4{
		border-left:200px solid #F5DA2E;
	    border-top:70px solid transparent;
	    border-bottom:70px solid transparent;
	    border-radius: 50%;

	  width: 0px;
	  height: 0px;
	  background-color:#F5DA2E;
	  position: relative;

	  /* Safari 4.0 - 8.0 */
	  -webkit-animation-name: sqd;
	  -webkit-animation-duration: 30s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay: 2s;
	  -webkit-animation-iteration-count: infinite;
	  -webkit-animation-direction: alternate;
	  /* Standard syntax */
	  animation-name: sqd;
	  animation-duration: 30s;
	  animation-timing-function: linear;
	  animation-delay: 0s;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes sqd {
	   0%   {background-color:#F5DA2E  transparent; left:10%; top:70%;opacity:0.3;}
	  10%  {transform:rotate(250deg);opacity:0.1;}
	  25%  {background-color:#F5DA2E  transparent; top:80%; bottom:10%;}
	  50%  {background-color:#F5DA2E  transparent; top:50%; bottom:0%;}
	  75%  {background-color:#F5DA2E  transparent; top:0%; bottom:70%;opacity:0.3;}
	  100% {background-color:#F5DA2E  transparent; top:90%; bottom:30%;}

	}

	/* Standard syntax */
	@keyframes sqd {
	  0%   {background-color:#F5DA2E  transparent; left:10%; top:20%; opacity:0.3;}
	  10%  {transform:rotate(250deg);opacity:0.4;}
	  25%  {background-color:#F5DA2E  transparent; top:10%; bottom:80%;}
	  50%  {background-color:#F5DA2E  transparent; top:50%; bottom:0%;}
	  75%  {background-color:#F5DA2E  transparent; top:0%; bottom:70%;opacity:0.3;}
	  100% {background-color:#F5DA2E  transparent; top:90%; bottom:30%;}
 }


 #sqz{
 	margin-top:-50%;
 }


 @media screen and (max-width:1000px){
 	#sqz{
 		margin-top:-420%;
 		margin-bottom:328%;
 	}
 }