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

#txt1{
  	background-image: url('../img/About/Mission_BkgImage_Text1.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:40px;
	color:white;
	position:relative;
	bottom:50px;
  }
  
#txt2{
  	background-image: url('../img/About/Mission_BkgImage_Text2.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:40px;
	color:white;
	position:relative;
	position:relative;
	bottom:100px;
	margin-bottom:-85px;
	}
  
#txt3{
  	background-image: url('../img/About/Mission_BkgImage_Text3.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:40px;
	color:white;
	position:relative;
	bottom:60px;
	}  
  
#txt4{
  	background-image: url('../img/About/Mission_BkgImage_Text4.png');
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:40px;
	color:white;
	position:relative;
	bottom:110px;
	}  
  
/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                          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;
	}
	
}



/***************************************************************************************************************/
/***************************************************************************************************************/
/***                                                                                                         ***/
/***                                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%;
    }

}

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

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

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

   #txt4{
	margin-bottom:-300px;
	}  
  
   
   
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	#bullet-1{
		position:relative;
		right: 570px;
 		height:200px;
		width:200px;
	}
	
	#txt1{
		position:relative;
		bottom:164px;
		right:-30px;
		text-align:left;
		padding-top:20px;
		padding-bottom:20px;
		width:500px;
	}
  
	#txt2{
		position:relative;
		bottom:200px;
		left:180px;
		text-align:left;
		padding-top:20px;
		padding-bottom:20px;
		width:250px;
		margin-bottom:18px;
	}
	
	#bullet-2{
		bottom: 200px;
		position: relative;
		right: 200px;
		height: 200px;
		width: 200px;
	}
  
	#txt3{
		bottom: 360px;
		padding-bottom: 20px;
		padding-top: 20px;
		position: relative;
		right: -390px;
		text-align: left;
		width: 600px;
	}  
  
	#txt4{
		bottom: 400px;
		padding-bottom: 20px;
		padding-top: 20px;
		position: relative;
		right: -500px;
		text-align: left;
		width: 300px;
	}  
	
	#sun-img{
		float:right;
		width:20%;
	}
	
	#main_text{
		width:80%;
		float:right;
		text-align:left;
	}
	
	.footer-container{
		padding-bottom: 15px;
		}
}