/* NOTE WELL: This Design is MOBILE FIRST
   Therefore, by default all designs such
   as picture dimensions, padding, margins
   and div layouts are written for the
   MOBILE FIRST and then examptions for 
   Desktop is facilitated by Media Queries

*/


#educateSectionBlock, #empowerSectionBlock, #encourageSectionBlock{
	text-align:center;
	padding-top:1.5%;
	padding-bottom:1%;
}

#educateSectionBlock, #encourageSectionBlock{
	background-color: rgb(229, 134, 91);
}


#empowerSectionBlock{
	background-color: rgb(229, 196, 91);
}

p.bannerText{
	text-transform:uppercase;
	font-size:300%;
	color:white;
	font-family: 'Fredericka the Great', cursive;
}


body{
	margin-left: 0 .5%;
}


p{
	font-size:150%;
}


p.overviewParagraphAlignment{
    padding: 1% 15% 0% 15%;
    text-align:justify;
}


/* To create a parallax 

#firstHeroSection{
	background-image: url("../images/auditorium-1920x1080-blurred.jpg") ;
	background-attachment:fixed ;
	background-position:center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height:1080px;
}

*/


.centerImage{
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.containerSectionOrange{
	width:100%;
	background-color:rgba(229, 134, 91, .35);

}




.containerSectionBlue{
	width:100%;
	background-color: rgb(179,197,212);
	padding: 2.5% 0%;
	
}



.bigQuotationFirstHeroSection{
	margin:12.5% 13.5%;
	padding:2.5% 2.5% 2.5% 5.5%;
	background-color:rgba(229, 134, 91, .35);
	border-left:double 10px rgb(229, 196, 91);
}


#selfPortraitSection1{
width:87.55%;
margin-top:17.75%;

}



#selfPortraitSection2{
width:100%;
margin-top:12.1%;
}


#overviewSelfPortrait{
    
    width:30%;
    
    float:left;
    
}


/* Small only */
@media screen and (max-width:39.9375em) {

    p{
	font-size:100%;
}
    
    
#overviewSelfPortrait{
    padding-top:1%;
}    
}