@charset "utf-8";
/* CSS Document */

#how_wrapper{
	
	width:950px;
	height:450px;
	margin-top:350px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	background-image:url(img/how_grad.png);
}
#how_container{
	background-image:url(img/girl.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:right;
	background-size:388px 450px;
	height:450px;
	width:100%;
	
	
}



#how_above{
	margin-top:200px;
	width:400px;
	}

.how_header{
	font-size:30px;
	color: rgb(231, 71, 13);
	padding-top:160px;
	margin-left:45px;
	
}

.how_text2{
	margin-top:20px;
	font-size: 21px;
	color:rgb(117, 76, 36);
	margin-left:45px;
}
	
.read_more{
	font-size:21px;
	margin-top:15px;
	color:rgb(231, 71, 13);
	margin-left:45px;
	transition: color 0.3s ease;
	width:115px;
	}
	
.read_more:hover{
	color:rgb(117, 76, 36);
	}
	

	
#how_below{
	display:none;
}

#donate_wrapper{
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
}
#donate_container{
	width:100%;
	margin-bottom:50px;

}
#donate_left{
	width:50%;

	float:left;
}

.donate_header2{
	font-size:30px;
	color: rgb(231, 71, 13);
	padding-top:45px;
	margin-left:45px;
	
}

.donate_text2{
	margin-top:20px;
	font-size: 21px;
	color:rgb(117, 76, 36);
	margin-left:45px;
	}
#paypal_container
{
	margin-top:40px;
	float:left;
	width:50%;
	
	
}
#paypal_container img{
	display:block;
	margin:auto;
	width:200px;

}

#notice{

	color:#FF0004;
	margin-top:20px;
	float:left;
	width:300px;
	margin-left:30%;
	font-size:12px;
	
	
}

#donate_button{
	text-align:center;
	font-size:30px;
	color: rgb(231, 71, 13);
	transition: color 0.3s ease;
}

#donate_button:hover{
	color:rgb(117, 76, 36);
}

#memory_container{
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#memory_left{
	float:left;
	width:500px;
}
#memory_right{
	margin-left:20px;
	float:left;
	width:40%;
}

#social_wrapper{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

#facebook_container
{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:50px;
}
#facebooklogo{
	margin-left:45px;
}
#non-profit{
	width:20%;
	height:auto;
	float:left;
	margin-left:10%;
	text-align:justify;
	font-size:21px;
	margin-top:5%;
	color:rgb(117, 76, 36);
	transition: color 0.3s ease;
}




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

@-ms-viewport { width: 884px; }

#how_wrapper{
	margin-top:300px;
	width:100%;
	
}
.how_text2{
	width:80%;
}


#notice{
	margin-left:20%;
}

.donate_text2{
	width:80%;
}

#donate_wrapper {
	width:100%;

}

#memory_wrapper{
	width:100%;
}

#memory_container{
	width:100%;
}

#memory_left{
	float:left;
	width:50%;
}
#memory_right{
	margin-top:-20px;
	margin-left:90px;
	float:left;
	width:30%;
}

#social_wrapper{
	width:100%;

}



@media only screen and (max-width: 668px)  {
	
@-ms-viewport { width: 668px; }

#how_container{
	
}

#how_above{
	display:none;
}
#how_below{
	display:block;
	width:100%;
}

.how_header{
	padding-top:25px;
}

#donate_left{
	width:100%;

	float:left;
}

#paypal_container
{
	margin-top:45px;
	float:left;
	width:100%;	
}

#notice{
	width:80%;
	text-align:left;
	margin-left:45px;
}

#memory_right{
	margin-left:0px;
	float:left;
	width:100%;
}



#paypal_container img{
	display:block;
	margin-left:45px;
	width:200px;

}

#facebook_container{
	width:100%;
}

#non-profit{
	width:80%;
	margin-left:45px;
}
#non-profit_text{
	width:80%;
}


#donate_button{
	text-align:left;
	font-size:30px;
	margin-left:45px;
	color: rgb(231, 71, 13);
	transition: color 0.3s ease;
}
}

@media only screen and (max-width: 553px) {
	
@-ms-viewport { width: 553px; }

#how_wrapper{
	margin-top:200px;
	width:100%;
	
}
}

@media only screen and (max-width: 350px) {
	
	@-ms-viewport { width: 350px; }

}
	
}