
.iBanner{
	max-width: 85%;
	position:relative; 
	}

 h1 {
	font-size:5em;
	line-height:130%;
	}
	
#left-div div img{
	width:20em;
	max-width:50%;
	}

#calendar-img{
	width:20em;
	max-width:50%;
	}
	
#give-now {
 	width:264px;
	height:78px;
	margin:auto;
	background : url("../img/Donate/GiveNowBtn_Sprite.png");
	background-repeat:no-repeat;
	display:block;
}

#give-now:hover {
	background : url("../img/Donate/GiveNowBtn_Sprite.png") 264px 0px ;
}

#give-monthly{
 	width:244px;
	height:78px; 
	margin:auto;
	background : url("../img/Donate/GiveMonthlyBtn_Sprite.png");
	display:block;
	background-repeat:no-repeat;
}

#give-monthly:hover {
	background : url("../img/Donate/GiveMonthlyBtn_Sprite.png") -346px 0px;
		background-repeat:no-repeat;
}


	
#names p input[type="text"] {
	border-radius:12.5px;
}

	
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          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%;
    }
	p{
		font-size: 30px;
		}
	h2 {
		font-size: 3em;
		}
	
	#give-now {
		width:264px;
		height:78px; 
		margin-bottom:30px
		}
		
	#give-monthly{
		height: 78px;
		width:327px;
		margin-top:3px;

		}

}

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

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

/* ====================
    WIDE: CSS3 Effects
   ==================== */


/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	
	
	
}

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

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

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

	.btn-class{
		width: 65%;
		float:none;
		}

	#section-div{
		width:100%;
		}

	#section-div div{
		width:49%;
		} 
		
	#left-div{
		float:left;
		border-color: #568698;
		border-top: medium dashed #568698;
		border-right: medium dashed #568698;
		}

	#right-div{
		float:right;
		border-color: #568698;
		border-top: medium dashed #568698;
		}
		
	#left-div div img{
		float:left;
		width:20em;
		max-width:50%;
		}

	#left-div div{ 
		text-align:left;
		width:100%;
		}

	h2{ font-size:2em; }

	 p{ 
		font-size:16px; 
		line-height: 1.5em;
		}
		
	#right-div img{
		width:80%;
		} 
	
	#calendar-img {
		max-width: 75%;
		}
/* 
	#give-now {
		width:264px;
		height:78px; 
		margin-bottom: 30px
		}
		
	#give-monthly{
		min-height: 78px;
		width: 244px;
		margin-top:-10px;
		margin-bottom: 30px
		} */
	
	p {
		margin-top:0;
		font-size:20px;
	}
	
	h2{
		margin-bottom:0;
		font-size:3em;
	}
}