/*
 * Copyright 2021 Phase One Website Design & Hosting
 * https://www.phaseonewebsitedesign.com/
 */

/* ------------------------------------------------------------------ */
/* ------- Colors --------------------------------------------------- */
/* Contents copyright Phase One Website Design & Hosting
   https://www.phaseonewebsitedesign.com/
	#000066   0,  0,102	Blue,  dark
	#10527c  19, 82,124	Blue,  medium
	#6a96b9 106,150,185	Blue,  light
	#ddb695 221,182,149	Brown, light
	#ac754c 172,117, 76	Brown, medium
	#714423 113, 68, 35	Brown, dark
	#0f8012  15,128, 18	Green
*/

/* -------------------------------------------------------------------------------------------- */
/* ------- BEGIN the About Us Page Informational Block with Background Image ------------------ */
<!-- Responsive Full-width Hero Image with CSS Text, Button & Popup. Source: www.action360.ca @action360ca -->
<!-- Code found here: https://www.csscodelab.com/full-width-responsive-css-hero-image-heading-caption/ -->
.aboutUsPL1Narrow {background-position:center;}
.aboutUsPL1 {display:none;}
.infoAreaTextRight {top:50%;}
.infoAreaTextRight h2 {color:#10527c;}
.infoAreaTextRight p  {color:#10527c;}
@media (min-width:100px) {
	/* Show the abbreviated text content & 100% width image */
	.aboutUsPL1Narrow {background-image:url("../images/info-area-about-us-1-460x144.jpg");}
	.aboutUsPL1Narrow {background-position:center; background-repeat:no-repeat; background-size:cover; border-bottom:3px solid #10527c; margin-top:-7px;}
	.aboutUsPL1 {display:none;}
	.infoAreaTextRight    {display:inline-block; padding:6% 4% 1% 4%; width:92%;}
	.infoAreaTextRight h2 {color:#10527c; font-family:Georgia; font-size:16px; line-height:1.3; text-shadow:1px 1px 2px #10527c; font-weight:bold;}
	.infoAreaTextRight p  {color:#10527c; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px; line-height:1.3; text-shadow:1px 1px 2px #10527c;} /* Font drop shadow: Horizontal, Vertical, Blur */
}
@media (min-width:600px) {
	/* Show the complete text content & the 60%/40% width image */
	.aboutUsPL1Narrow {display:none;}
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-720x225.jpg");}
	.aboutUsPL1 {background-position:center; background-repeat:no-repeat; background-size:cover; border-bottom:3px solid #10527c; display:block; margin-top:-7px;}
	.infoAreaTextRight {display:inline-block; padding:5% 0% 1% 41%; width:57%;}
	.infoAreaTextRight h2 {color:#10527c; font-family:Georgia; font-size:18px; line-height:1.3; text-shadow:1px 1px 2px #10527c; font-weight:bold;}
	.infoAreaTextRight p  {color:#10527c; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px; line-height:1.3; text-shadow:1px 1px 2px #10527c;} /* Font drop shadow: Horizontal, Vertical, Blur */
}
@media (min-width:720px) {
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-980x306.jpg");}
	.infoAreaTextRight {padding-left:42%; width:56%;}
}
@media (min-width:800px) {
	.infoAreaTextRight {padding-bottom:3%}
}
@media (min-width:980px) {
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-1240x388.jpg");}
}
@media (min-width:900px) {
	.infoAreaTextRight {padding-left:42%; width:55%; height:auto;}
	.infoAreaTextRight h2 {font-size:22px;}
	.infoAreaTextRight p  {font-size:20px;}
}
@media (min-width:1240px) {
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-1500x469.jpg");}
}
@media (min-width:1300px) {
	.infoAreaTextRight h2 {font-size:26px; padding-top:3%;}
	.infoAreaTextRight p  {font-size:24px; padding-bottom:3%;}
}
@media (min-width:1500px) {
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-1760x550.jpg");}
}
@media (min-width:1760px) {
	.aboutUsPL1 {background-image:url("../images/info-area-about-us-1-1920x600.jpg");}
}
/* ------- END the About Us Page Informational Block with Background Image -------------------- */
/* -------------------------------------------------------------------------------------------- */