* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/*USE FOR BOTH Home and Content Styles*/
/* CSS Document */
#FA-Home-Banner #Banner-Desktop { display: block; text-align: center; }

#FA-Home-Banner #Banner-Mobile { display: none; }

#FA-Home-Banner #Banner-Desktop .ImageSize { margin: 0 auto; }

#FA-Home-Banner #Banner-Desktop .FullWidth, #FA-Home-Banner #Banner-Desktop .FullWidth img { width: 100%; }

#FooterCopyright { background-color: #2089ca; text-align: center; padding: 8px 0px; }

#FooterCopyright P { color: #fff; font-size: 14px; line-height: 14px; }

#FooterCopyright P A { color: #fff; }

.FootContentLeft { border-left: 2px solid #cc1e4f; position: relative; display: inline-block; vertical-align: top; width: 55%; box-sizing: border-box; max-width: 400px; text-align: left; padding-left: 100px; margin-left: 40px; }

.FootContentRight { position: relative; display: inline-block; vertical-align: top; width: 35%; box-sizing: border-box; max-width: 400px; text-align: left; padding-left: 140px; padding-top: 15px; }

.FootContentLeft P, .FootContentRight P { text-align: left; font-size: 16px; }

.FootContentLeft hr, .FootContentRight hr { border-color: #2089ca; }

.LogoInt { padding-top: 20px !important; padding-left: 10px !important; }

/*Menu */
.MenuInt { margin-top: 60px !important; }

.MenuInt #MainMenu UL { background-color: #2089ca; list-style-type: none; margin: 0px auto; padding: 0; display: block; width: fit-content; float: right; padding: 0 20px; border-radius: 20px 0 0 20px; }

/*1700*/
/*1440*/
/*1280*/
@media screen and (max-width: 1376px) { .FootContentRight { padding-left: 100px; } }
/*960*/
@media screen and (max-width: 974px) { .FootContentLeft { padding-left: 60px; }
  .FootContentRight { padding-left: 60px; } }
/*768*/
@media screen and (max-width: 782px) { #FA-Home-Banner #Banner-Desktop { display: none; }
  #FA-Home-Banner #Banner-Mobile { display: block; }
  .FootContentLeft { padding-left: 20px; }
  .FootContentRight { padding-left: 30px; }
  .LogoInt { padding-top: 60px !important; padding-left: 0px !important; } }
/*600*/
@media screen and (max-width: 614px) { .FootContentLeft { border-left: none; }
  #FooterLogo img { max-width: 300px; } }
/*480*/
/*340*/
@media screen and (max-width: 350px) { .FootContentLeft { margin-left: 0px; padding-left: 0px; }
  .FootContentRight { padding-left: 0px; } }
/* CSS Document */
.HomeHero { position: relative; display: block; top: -40px; left: 0; z-index: 0; height: 100vh; }

.HomeLogo { display: block; width: 730px; margin-top: 50px; }

.HomeHero H1 { font-size: 90px; font-weight: 900; color: #fff; }

.HomeHero H1 span { font-weight: 100; font-size: .75em; line-height: 1.25em; padding: 0; margin: 20px 0; display: block; }

.HomeHero P { font-size: 30px; line-height: 45px; font-weight: 400; color: #000; display: block; width: 900px; }

.PurpleGradient { background-image: linear-gradient(to right, #3a3863, #6461ab); }

.GreenGradient { background-image: linear-gradient(to right, #22b24c, #198539); }

.Help .HelpHeart { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; }

.Help .HelpHeart img { width: 100%; display: block; }

.Help .HelpTxt { display: inline-block; vertical-align: top; width: 48%; box-sizing: border-box; background-image: url(/media/images/Logo-Hands-Transparent-15.png); background-position: right top; background-repeat: no-repeat; background-size: auto; }

.Help H2 { font-size: 90px; font-weight: 900; color: #fff; }

.Help H2 span { font-weight: 600; font-size: .65em; line-height: 1.25em; padding: 0; margin: 20px 0; display: block; }

.Help P { font-size: 30px; line-height: 45px; font-weight: 400; color: #FFF; display: block; width: 900px; }

.GetInvolved H2 { font-size: 90px; font-weight: 900; color: #fff; }

.GetInvolved H2 span { font-weight: 100; font-size: .75em; line-height: 1.25em; padding: 0; margin: 20px 0; display: block; }

.GetInvolved P { font-size: 30px; line-height: 45px; font-weight: 400; color: #FFF; display: block; width: 900px; }

.GetInvolved .InvolvedTxt { display: inline-block; vertical-align: top; width: 56%; box-sizing: border-box; background-position: right top; background-repeat: no-repeat; background-size: auto; }

.AngleRight { position: relative; float: left; margin: 0; left: -20px; padding: 0; float: left; -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); }

.Quote { position: relative; width: 90%; display: block; text-align: center; font-size: 60px; line-height: 75px; color: #2089ca; margin: 20PX auto; }

.Quote:before { position: absolute; top: 0; left: -90px; content: ""; display: block; background-image: url("/media/images/Quote-Start.jpg"); background-repeat: no-repeat; height: 60px; width: 90px; background-size: contain; }

.Quote:after { position: absolute; right: -90px; bottom: 0; content: ""; display: block; background-image: url("/media/images/Quote-End.jpg"); background-repeat: no-repeat; height: 60px; width: 90px; background-size: contain; }

.Author { display: block; text-align: center; font-size: 30px; font-weight: 700; font-style: italic; color: #2089ca; }

/*1700*/
@media screen and (max-width: 1710px) { .HomeHero H1 { font-size: 70px; }
  .HomeHero P { font-size: 26px; line-height: 40px; width: 700px; }
  .Help P { width: 100%; }
  .GetInvolved .InvolvedTxt { width: 50%; } }
/*1440*/
@media screen and (max-width: 1546px) { .HomeHero H1 { font-size: 65px; }
  .HomeHero P { font-size: 24px; line-height: 38px; width: 600px; }
  .Help .HelpTxt { margin-bottom: 30px; }
  .GetInvolved .InvolvedTxt { width: 48%; }
  .GetInvolved H2 { font-size: 70px; }
  .GetInvolved P { width: 100%; font-size: 26px; line-height: 40px; }
  .AngleRight { width: 700px; } }
/*1280*/
@media screen and (max-width: 1376px) { .HomeHero .HomeContentWidth { width: 100%; padding-left: 40px; }
  .HomeLogo { width: 550px; }
  .HomeHero H1 { margin-top: 0; font-size: 60px; }
  .HomeHero P { font-size: 22px; line-height: 34px; width: 600px; }
  .Help .HomeContentWidth { width: 100%; }
  .AngleRight { width: 620px; }
  .GetInvolved H2 { font-size: 60px; line-height: 30px; }
  .GetInvolved P { font-size: 24px; line-height: 35px; margin: 0; }
  .Quote { font-size: 50px; line-height: 65px; margin: 20PX auto; } }
/*960*/
@media screen and (max-width: 974px) { .HomeLogo { width: 400px; }
  .HomeHero H1 { font-size: 46px; }
  .HomeHero H1 span { margin: 10px 0; }
  .HomeHero P { font-size: 18px; line-height: 24px; width: 520px; }
  .Help H2 { font-size: 65px; }
  .Help P { font-size: 26px; line-height: 35px; }
  .Help .HelpHeart { margin-top: 50px; }
  .GetInvolved .InvolvedTxt { width: 60%; z-index: 20; position: absolute; right: 20px; }
  .AngleRight { width: 610px; opacity: .40; z-index: 10; }
  .Quote { font-size: 40px; line-height: 55px; margin: 20px auto; }
  .Quote:before { left: -70px; width: 70px; }
  .Quote:after { right: -70px; width: 70px; }
  .Author { font-size: 28px; } }
/*768*/
@media screen and (max-width: 782px) { .HomeHero { top: 0px; height: auto; }
  .HomeHero .HomeContentWidth { padding-left: 20px; }
  .HomeLogo { width: 360px; margin-top: 0px; }
  .HomeHero H1 { font-size: 40px; }
  .HomeHero H1 span { margin: 7px 0; }
  .HomeHero P { font-size: 16px; line-height: 20px; width: 380px; }
  .Help .HelpTxt { background-size: contain; }
  .Help H2 { font-size: 52px; }
  .Help P { font-size: 22px; line-height: 30px; }
  .GetInvolved H2 { font-size: 45px; line-height: 20px; }
  .Quote { font-size: 34px; line-height: 48px; margin: 20px auto; }
  .Quote:before { left: -60px; width: 60px; }
  .Quote:after { bottom: -20px; right: -60px; width: 60px; }
  .Author { font-size: 26px; } }
/*600*/
@media screen and (max-width: 614px) { .HomeLogo { width: 300px; }
  .HomeHero H1 { font-size: 36px; }
  .HomeHero H1 span { margin: 5px 0; }
  .HomeHero P { font-size: 16px; line-height: 20px; width: 250px; }
  .Help .HelpHeart { display: block; width: 50%; margin: 0 auto; padding-top: 20px; }
  .Help .HelpTxt { width: 90%; margin: 0 auto; display: block; padding-bottom: 30px; }
  .AngleRight { left: -70px; }
  .GetInvolved H2 { font-size: 40px; line-height: 20px; }
  .GetInvolved P { font-size: 22px; line-height: 32px; }
  .Quote { font-size: 30px; line-height: 40px; margin: 20px auto; }
  .Quote:before { left: -50px; width: 50px; }
  .Quote:after { right: -50px; width: 50px; }
  .Author { font-size: 24px; } }
/*480*/
@media screen and (max-width: 494px) { .HomeHero .HomeContentWidth { background-image: url(/media/layout/bg_80_white.png); }
  .HomeHero H1 { color: #025280; }
  .HomeHero P { font-size: 16px; line-height: 20px; width: 80%; }
  .AngleRight { left: -130px; max-width: 1000px !important; width: 700px; }
  .GetInvolved H2 { font-size: 40px; line-height: 40px; }
  .GetInvolved H2 span { margin: 10px 0; }
  .GetInvolved P { font-size: 20px; line-height: 30px; }
  .Quote { width: 75%; font-size: 26px; line-height: 34px; margin: 20px auto; }
  .Quote:before { left: -50px; width: 50px; }
  .Quote:after { bottom: -20px; right: -50px; width: 50px; }
  .Author { font-size: 22px; } }
/*340*/
@media screen and (max-width: 350px) { .GetInvolved .InvolvedTxt { width: 90%; }
  .Quote { width: 65%; font-size: 24px; line-height: 32px; margin: 20px auto; }
  .Quote:before { left: -40px; width: 40px; }
  .Quote:after { bottom: -22px; right: -40px; width: 40px; }
  .Author { font-size: 20px; } }
/* CSS Document */
/*1700*/
/*1440*/
/*1280*/
/*960*/
/*768*/
/*600*/
/*480*/
/*340*/
/* CSS Document */
/*1700*/
/*1440*/
/*1280*/
/*960*/
/*768*/
/*600*/
/*480*/
/*340*/
