/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Set the color and text decoration for the banner text link */
#banner-text a  {
	text-decoration:none;
	color:#39b0ab;
	}

/*#our-kids-link {
 	width:247px;
	height:82px;
	margin:auto;
	background : url("../img/Who_We_Help/Our_Kids_Btn_Sprite.png") 0px 0px;
	display:block;
	margin-bottom: 50px;
	}

#our-kids-link:hover {
	background : url("../img/Who_We_Help/Our_Kids_Btn_Sprite.png") 250px 1px;
	}*/
	
#projects-link {
 	width:295px;
	height:82px;
	margin:auto;
	background : url("../img/Who_We_Help/ProjectsWeFund_Btn_Sprite.png") 0px 0px;
	display:block;
	margin-bottom: 50px;
	}

#projects-link:hover {
	background : url("../img/Who_We_Help/ProjectsWeFund_Btn_Sprite.png") 296px 0px ;
	}


.iBanner {
    background-image: url("../img/Who_We_Help/Banner_Bkg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 2.5%;
	max-width: 85%;
    padding: 30px 33px 53px;
}

#kid-image-pc{
	height:285px;
	width:285px;
	background : url("../img/Who_We_Help/OurKids_BKG.png") no-repeat center center;
	background-size:100% 100%;
	padding:15px; 
	}

	#projects-section{
		border-top: thick dashed #568698;
	}
	
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          Media Queries For Tablet size Browser AND UP                                   ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 480px) {
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
    .oldie nav a {
        margin: 0 0.7%;
    }

/*-------------------- Header Styling --------------------*/
/* push the side nav links down the page away from the */
	.main article section{
		margin-top: 40px;
		}
	
	.iBanner {
		margin: 2.5%;
		max-width: 70%;
		padding: 41px 83px 78px;
	}
	
}



/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                Media Queries For PC size Browsers AND UP                                ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

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

header p{
	font-size:27px;
	}
	
	/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	
	.iBanner {
		margin: 2.5%;
		max-width: 75%;
		padding: 41px 83px 78px;
	}
	
}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                            Media Queries For Tablet Browsers Only                                       ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

@media only screen and (min-width: 1024px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }

	.iBanner {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin: 2.5%;
		max-width: 65%;
		padding: 40px 88px 88px;
	}
	
	#kids-section{
		width:49%;
		float:right
	}

	#projects-section{
		width:49%;
		float:right;
		border-top:none;
		border-right: thick dashed #568698;
	}
	
	.main article header {
		margin-top:0px;
	}
	
/* 	.main article header h1 {
		margin-top:0px;
		margin-bottom:0px;
	} */
	
	.main article header h2 {
		margin-top:-64px;
	}
	
}