/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Set the color and text decoration for the banner text link */

article{
	background : url("../img/Who_We_Help/ProjectsWeFund_Background.png") no-repeat center center;
	background-size:100% 100%;
}

#overflow{
	background : url("../img/Who_We_Help/ProjectsWeFundIcons_Bkg.png") no-repeat center center;
	background-size:100% 100%;
			padding-bottom:35px;
}

#banner-text a  {
	text-decoration:none;
	color:#39b0ab;
	}

#banner-text h1  {
	font-size:48px;
	}

#banner-container{
	width: 100%;
    	overflow: hidden;
	}

.banner-column {
	/*background-color:pink;*/
	float:left;
	width:33%;
	text-align: center;
	}

.banner-column-right {
	text-align: right;
	}

.text-overflow-center {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
}

#banner-text h2  {
	font-size:30px;
	}
	
#achievment-text{
	text-align:left;
	margin-left:70px;
	}

#google-analytics-map{
	width:100%;
	height:549px;
	}
		
#mobile-footer{margin-top: 72px;}
	
#map-section{
	padding-bottom: 100px;
	}	   

#google-analytics-map{
	width:90%;
	}
	
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          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; */
	}

#google-analytics-map{
	width:80%;
	}
}


/* Media query dedicated to dealing with the icon quad class */
@media only screen and (min-width: 512px) {
	.main .icon-quad ,
	.main .icon-quad  p,
	.main .icon-quad  h1,
	.main .icon-quad  h2,
	.main .icon-quad  h3,
	.main .icon-quad  h4,
	.main .icon-quad  h5,
	.main .icon-quad  h6{
		margin:0px;
	}
	
}


/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                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{
        width: 100%;
    }
	
	.main article footer{
        width: 100%;
    }
		

	#mobile-footer{margin-top: 72px;}
	



	
}
#funded-sect {
    /* border-right: thick dashed #FFFFFF; */
}
.main .icon-quad, 
.main .icon-quad p, 
.main .icon-quad h1, 
.main .icon-quad h2, 
.main .icon-quad h3, 
.main .icon-quad h4, 
.main .icon-quad h5, 
.main .icon-quad h6 {
    margin: 0;
}
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                            Media Queries For Tablet Browsers Only                                       ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

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

/* ===============
    Maximal Width
   =============== */
	#map-header{
		width:300px;
		float:left;
	}

	#map-section{
    bottom: 744px;
    float: right;
    position: relative;
    right: 83px;
    width: 629px;
	height:786px;
	margin-bottom: -744px;
	}	   

	#google-analytics-map{
		width:629px;
		float:right;
		height:786px;
	}

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	.main {
		width:100%;
		border-bottom:none;
		margin-top:0px;
	}
	
	.border-quad{
		/* border-right: thick dashed white; */
	}
		
	#achievment-text{
		margin-top:0px;
		margin-bottom:0px;
	}
	
	#desktop-footer{margin-top: 72px;}
	
	#overflow{
		width:50%;
		position:relative; 
		top:83px;
		left:52px;
		}
		
	#oty-section{
		position: relative;
		bottom: 14px;
		right: 17px;
	}
	
	article{
		height: 1030px;
	}
	
	.footer-container{
		margin-bottom:-405px;
	}
	
	#arrow-img{
		position:relative;
		top:85px;
		left:250px;
	}
	
	#banner-text{
	margin-bottom:-135px;
	}
	
}