@charset "UTF-8";


/* Desktop Layout: 769px to 1200. ---Above 1200 won't work here, goes off regular style sheet--- */

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


#header {
	xxbackground-color: #F00; /* red */
	min-height: 135px;
}
#content {
	xxbackground-color: #F00;
}
#social_container {
	margin-left: 1.666666666667%;
	margin-top: 5px;
}

#logo {
	margin-top: 10px;
}

#home_box_a {
	xwidth: 98%; /* 373px / 1200px * 100 */
	min-width: 250px;
	height: 270px;
}
#home_box_pic_a {
	float: left;
	width: 35%;
	max-width: 197px;
}
#home_box_text_a {
	xwidth: 54%; /* 150px / 373px * 100 */
}
#home_box_b {
	xwidth: 98%; /* 373px / 1200px * 100 */
	min-width: 250px;
	height: 270px;
}
#home_box_pic_b {
	float: left;
	width: 35%;
	max-width: 197px;
}
#home_box_text_b {
	xwidth: 54%; /* 150px / 373px * 100 */
}
#home_box_c {
	xwidth: 98%; /* 373px / 1200px * 100 */
	min-width: 250px;
	height: 270px;
}
#home_box_pic_c {
	float: left;
	width: 35%;
	max-width: 197px;
}
#home_box_text_c {
	xwidth: 54%; /* 150px / 373px * 100 */
}
img.mobile_shrink {
    width : 100%;
    height: auto;
}
#logo_text {
	float: left;
	margin-top: 10px;
}
#interior_page_2_main_content_contact {
	height: 100%;
}
#contact_mail_pic2 {
	margin-left: 0px;
	margin-top: 20px;
	width: 70%;
}
#main_text_box {
	xxheight: 800px;
}
#main_video_box {
	xxheight: 800px;
}




/* Tablet Layout: 481px to 768. */

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


#header {
	xxbackground-color: #00F; /* blue */
}
#content {
	xxbackground-color: #00F;
}
#social_container {
	width: 100%;
	float: left;
	max-width: 260px;
	min-width: 250px; 
	margin-left: 1.666666666667%;
	margin-top: 5px;
}
#main_text_box {
	height: 100%;
	width: 94%;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 0px;
}
#main_video_box {
	height: 100%;
	width: 94%;
	min-height: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#home_box_a {
	width: 98%; /* 373px / 1200px * 100 */
	min-width: 373px;
	height: 100%
}
#home_box_text_a {
	width: 54%; /* 150px / 373px * 100 */
}
#home_box_b {
	width: 98%; /* 373px / 1200px * 100 */
	min-width: 373px;
	height: 100%
}
#home_box_text_b {
	width: 54%; /* 150px / 373px * 100 */
}
#home_box_c {
	width: 98%; /* 373px / 1200px * 100 */
	min-width: 373px;
	height: 100%
}
#home_box_text_c {
	width: 54%; /* 150px / 373px * 100 */
}
#logo_text {
	min-width: 250px;
}

#interior_page_1_left_container {
	min-width: 120px;
}
.interior_left_text {
	font-size: 14px;
}

#interior_page_1_title {
	min-height: 40px;
}
#interior_page_2_title {
	min-height: 40px;
}
.interior_title_text {
	font-size: 32px;
}



#interior_page_2_main_content_donate {
	width: 93%;
	xxmin-width: 300px;
}
#interior_page_2_main_content_contact {
	width: 93%;
	xxmin-width: 300px;
}
#interior_page_2_sidebar_donate {
	width: 93%;
	margin-left: 3.33333%;
	margin-top: 10px;
	xxmin-width: 300px;
}




/* Mobile Layout: 480px and below. */

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


#header {
	xxbackground-color: #FF0; /* yellow */
}
#content {
	xxbackground-color: #FF0;
}
#main_photo {
	xxmin-width: 800px;
}
.hide_mobile {
	display:none;
}
img.mobile_shrink {
    width : 100%;
    height: auto;
}
XXXXXX#header {
	position: relative;
}
#logo {
	float: left;
	width: 100%;
	xxheight: 113px;
	xxbackground-color: #F90;
	xxwidth: 9.416666666667%; /* 113px / 1200px * 100 */ 
	margin-left: 9.166666666667%; /* 110px / 1200px * 100 */
	margin-top: 30px;
	xxmin-width: 113px;
}
#social_container {
	xxxbackground-color: #66C;
	xxwidth: 100%;
	max-width: 220px;
	min-width: 200px; 
	margin-left: 9.166666666667%;
	margin-top: 10px;
	height: auto;
}
#social_text {
	margin-left: 1%; /* 25px / 320px * 100 */
}
#social_button_01 {
	width: 10%; /* 48px / 320px * 100 */
}
#social_button_02 {
	width: 10%; /* 48px / 320px * 100 */
}
#social_button_03 {
	width: 10%; /* 48px / 320px * 100 */
}
#social_button_04 {
	width: 10%; /* 48px / 320px * 100 */
}
#social_button_05 {
	width: 10%; /* 48px / 320px * 100 */
}
#learn_more {
	width: 32.3000000000004%; /* 26.916666666667% x 20%(.20) + 5.3833333333334(ans)  */
}
#donate {
	width: 24.3%; /* 20.25% x 20%(.20) + 4.05(ans)  */
}
#evolve {
	width: 23.7999999999996%; /* 19.833333333333% x 20%(.20) + 3.9666666666666(ans)  */
}
#home_box_text_a {
	width: 40.214477211796%; /* 150px / 373px * 100 */
}
#home_box_pic_a {
	min-width: 175px;
}
#home_box_text_b {
	width: 40.214477211796%; /* 150px / 373px * 100 */
}
#home_box_pic_b {
	min-width: 175px;
}
#home_box_text_c {
	width: 40.214477211796%; /* 150px / 373px * 100 */
}
#home_box_pic_c {
	min-width: 175px;
}
#logo_text {
	min-width: 345px;
	margin-top: 5px;
	margin-left: 9.166666666667%;
}



#interior_page_1_left_container {
	width: 100%;
	min-width: 300px;
}
#interior_page_1_main_content {
	width: 100%;
	min-width: 300px;
}



#interior_page_1_title {
	min-height: 40px;
}
#interior_page_2_title {
	min-height: 40px;
}
.interior_title_text {
	font-size: 26px;
}