/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.p{
	font-size:24px;
}

.submitform{
	background: url('../img/Donate/Submit_Btn_Sprite.png') -250px 0px ;
	background-repeat:no-repeat;
    border: none;
    height: 86px;
    width: 250px;
	color : transparent;
	}
	
.submitform:hover {
	background : url('../img/Donate/Submit_Btn_Sprite.png');
	}	
	
#form-section{
	background: url('../img/Donate/Form_Bkg-03.png')  scroll center center  transparent;
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:10%;
	width:80%;
	}
	
input[type="text"],input[type="email"],input[type="number"]
	{
	width:100%;
	height:35px;
	margin-bottom:10px;
	border-radius:12.5px;
	}

.link-class{
	width:90%;
	padding-top:74px;
	margin:auto;
	}
	
.link-container{
	width:341px;
	height:341px;
	margin:auto;
	background: url("../img/Donate/BottomCircles_Img.png")  scroll center center  transparent;
	background-size:100% 100%;
	background-repeat:no-repeat;
	max-width:100%;
	}
	
.options {
	text-align:left;
	}
	
#donate-img{
	max-width: 100%;
}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          Media Queries For Tablet size Browser AND UP                                   ***/
/***                                                                                                         ***/
/***************************************************************************************************************/
/***************************************************************************************************************/

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

/*-------------------- Header Styling --------------------*/

/* push the side nav links down the page away from the */
.main article section{
	margin-top: 40px;
	}


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    
    .oldie nav a {
        margin: 0 0.7%;
    }
	
}


/* RESPONSIVE CSS
-------------------------------------------------- */



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

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

	
/* ============
    WIDE: Main
   ============ */
	
	.main article header{
        /* float: none; */
        width: 100%;
    }
	
	.main article section{
        /* float: none; */
        width: 100%;
    }
	
	.main article footer{
        /* float: none; */
        width: 100%;
    }
	  /* Remove the edge padding needed for mobile */
	
}

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




@media only screen and (min-width: 1140px) {
	
/* ===============
    Maximal Width
   =============== */

#donate-img{
	position: relative;
	right: 40px;
	width: 477px;
	}
	
#formDonate{
	margin-top:-65px;
	}
   
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	::-webkit-input-placeholder {
		color: white;
	}

	:-moz-placeholder { /* Firefox 18- */
		color: white;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: white;  
	}

	:-ms-input-placeholder {  
		color: white;  
	}
	
	:-ms-input-placeholder /* placeholder only style */   
	{
    color:white;
	}

	
	.link-container{
		float:left;
	}
	


	
 	#part1 input[type="text"],input[type="email"]{
		width:80%;
	}	
	
	#part1 p{
	text-align:right;
	}
	 
	
	#names {
	width:100%;
	}
	
	#names p{
	width:50%;
	float:left;
	}
	
 	#names p input[type="text"]{
		width:60%;
	}

	#TapeBottom {
		bottom: 152px;
		left: 418px;
		position: relative;
	}

	#TapeTop {
		bottom: 15px;
		float: left;
		position: relative;
		right: 20px;
	}
	
	.options {
		margin-left:156px;
		}
	
	#customamount{
		width:100px;
		}
		
	#donate-img{
		position: relative;
		right: 200px;
		bottom:30px;
		}
		
	#formDonate{margin-top:-85px;}
	
	#Thanks-Header{margin-right:180px;}
	
	#link-section{margin-top:-120px;}

}