/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.p{
	font-size:24px;
}
	
.main article h4 {
    font-size: 38px;
    margin-top: 0;
}

section{
	background-image: url('../img/About/Contact_Bkg_Revised.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding-left:5%;
	padding-right:5%;
	padding-top:5%;
	padding-bottom:60px;
	padding-top: 125px;
	}
	
input[type="text"]
	{
	border-radius:12.5px;
	width:90%;
	height:35px;
	}
	
textarea
	{
	border-radius:12.5px;
	width:90%;
	height:150px;
	}

.text-button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
	color: #4F4C4C;
	font-weight:bold;
	}

.text-button:hover {
	color: white;
    }
	
#label{	 
	color: white;
	margin-top:0px;
	margin-bottom: 10px;
	float:none;
	}
	
#text1{
	margin-bottom: 10px;
	}
	
#quad a{
	color: #4F4C4C;
	text-decoration:none;
	}
	
	
#quadrant div{	
	border-color: #568698;
	border-top: medium dashed #568698;
	padding:5%;
	}
	
#quadrant div h3{
	margin: 2em 0 0;
	}
	
img{
	float:left;
	}
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          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%;
    }
	
}

/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                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%;
    }
	
	#quadrant div{	
		border-top: none;
		}
		
	#quadrant div{
		width:40%;
		float:left;
		height:324px;
		padding:4%;
		}
	
	
	#twitter-div{			
		border-color: #568698;
		border-bottom: medium dashed #568698;
		}
	
	#facebook-div{
		border-color: #568698;
		border-left: medium dashed #568698;
		border-color: #568698;
		border-bottom: medium dashed #568698;
		}
		
	#youtube-div{	
		border-color: #568698;
		border-right: medium dashed #568698;
		}
}




@media only screen and (min-width: 1024px) {
	
	#form-div{
		width:60%;
		float:right; 
		}
		
	#Contact-info-div{
		max-width:40%;
		float:left;
		text-align:left;
		}
		
	.text-button {
		float: right;
		position: relative;
		right:30px;
	}
	
	section{
		padding-top: 5%;
	}
	
	#quadrant div{
		width:20%;
		height:275px;
		padding:2%;
	}
	
	#youtube-div{	
		border-color: #568698;
		border-right: medium dashed #568698;
	}
	
	#facebook-div{
		border-color: #568698;
		border-right: medium dashed #568698;
		border-bottom: none;
	}
	
	#twitter-div{			
		border-bottom: none;
	}
	.fb_iframe_widget{right: 79px;}
	#quadrant div h3{
	text-align:left;
	}
	
}


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

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

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

}