body { font-family: 'Montserrat', sans-serif; }

html, body { height: 100%; padding: 0px; margin: 0px; }

hr { border: none; color: #898989;  background-color: #898989; height: 3px; }

a { outline: none; text-decoration: none; }

a:hover { outline: none; text-decoration: none; }

img { max-width: 100%; height: auto; }

button { border: none; background: none; outline: none; }

p { line-height: 1.75; }

form { width: 100%; }

.topbox { margin-top: 125px; }

.social-buttons { display: flex; }

.social-buttons a { opacity: 1; transition: 0.5s; }

.social-buttons a:hover { opacity: 0.5; }

.social-buttons-icon { float: left; width: 30px; height: 30px; border-radius:50%; background-color:#f8f9fa; margin-left: 5px; margin-right: 5px; }

.social-buttons-text { font-size: 12px; color: #1d2a6e; float: left; margin: 8px 10px; white-space: nowrap; }

.social-buttons-text-footer { font-size: 12px; color: #f8f9fa; margin-top: 8px; margin-right: 10px; white-space: nowrap; }

.social-buttons i { position: relative; color: #1d2a6e; top: 40%; left: 50%; transform: translate(-50%, -50%); }

.social-buttons img { position: relative; top: 40%; left: 50%; transform: translate(-50%, -50%); }

.carousel-inner { height: 500px; }

.carousel-item { height: 500px; }

.special-use { width: 75%; }

.callout-box { padding: 25px; margin-top: 50px; }

.btn { white-space: normal; }

.posts { border-bottom: 1px dashed grey; margin-top: 30px; padding-bottom: 30px;  }

.posts:last-child { border-bottom: none; }

.posts a { color: #026d89; }

.postslink a { padding: 10px 20px; background-color: #026d89; color: #f8f9fa; position: absolute; bottom: 0; }

.rentalbar { background-color:#d11141; height:50px; width:100%; position:absolute; bottom:0px; }

.rentalsearch button { border: none; background-color: #f47820; outline: none; padding-left: 20px; padding-right: 20px; height: 50px; width: 22%; }

.rentalsearch input { border: 1px solid #026d89; background-color: #d1d2d4; height: 50px; padding-left: 10px; width: 23.5%; margin-right: 2%; }

.rentalsearch datalist { border: 1px solid #026d89; background-color: #d1d2d4; height: 50px; padding-left: 10px; }

.hero { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; }

.logo-big { width: 30%; }

.logo img { width: 120px; height: auto; margin-right: 20px; }

.navbar-nav li a { color: #1d2a6e; opacity: 1; margin-left: 15px; transition: 0.5s; }

.navbar-nav li a:hover { opacity: 0.5; }

.navbar-nav li { margin-top: 0px; }

.button-links-involved { background-color:#1d2a6e; color: #f8f9fa; padding: 10px; font-size: 20px; opacity: 1; transition: 0.5s; }

.button-links-involved:hover { opacity: 0.5; }

.button-links-donate a { background-color:#df0b0a; color: #f8f9fa !important; padding: 10px; font-size: 20px; opacity: 1; transition: 0.5s; position: absolute; right: 30px; top: 7px; margin-top: 0px !important; margin-bottom: 0px !important; }

.button-links-donate a:hover { opacity: 0.5; }

.links a:hover { opacity: 0.5; }

.about-pic { width: 50%; }

.issues { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.issues:hover { transform: scale(1.2); }

.foot-space { background-color: #1d2a6e; font-size: 14px; font-weight: 200; padding-top: 100px; }

.services a { color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.services a:hover { color: #f8f9fa; opacity: 0.7; }

.services-facebook a { color: #3b5998; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.services-facebook a:hover { color: #3b5998; opacity: 0.7; }

.services-instagram a { color: #3f729b; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.services-instagram a:hover { color: #3f729b; opacity: 0.7; }

.services-twitter a { color: #00acee; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.services-twitter a:hover { color: #00acee; opacity: 0.7; }

.services-youtube a { color: #c4302b; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.services-youtube a:hover { color: #c4302b; opacity: 0.7; }

.services i { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.services i:hover { transform: scale(1.2); }

.services a>i { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.services a:hover>i { transform: scale(1.2); }

.services2 a { color: rgba(0,0,0,0.5); transition: color 0.5s ease-in-out; }

.services2 a:hover { color: rgba(0,0,0,0.7); }

.services2 i { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.services2 i:hover { transform: scale(1.2); }

.services2 a>i { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.services2 a:hover>i { transform: scale(1.2); }

.sidebarlinks a { background-color: #343a40; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.sidebarlinks a:hover { background-color: #343a40; color: #f8f9fa; opacity: 0.7; }

.contributenumbers>a { transform: scale(1.0); transition: transform 0.5s ease-in-out; color: #f8f9fa; }

.contributenumbers>a:hover { transform: scale(1.2); color: #f8f9fa; }

.sidebar { border-left: 1px dashed lightgrey; }

.bigtype { font-size: 80px; line-height: 0.8; }

.line { width: 100%; border-bottom: 1px dashed lightgray; margin: 60px 0; }

.background { background-size: 100% 100%; }

.background2 { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 400px; margin-top: 50px; }

.background3 { background-size: 100% 50%; }

.background4 { background-size: cover; background-position: center center; background-repeat: no-repeat; }

.logo-graphic img { width: 150px; }

.logo-graphic a { transform: scale(1.0); transition: transform 0.5s ease-in-out; }

.logo-graphic a:hover { transform: scale(1.2); }

.front-form .frm_primary_label { color: #f8f9fa !important; }

.front-form .frm_description { color: #f8f9fa !important; }

.involved a { background-color: #3e5490; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 16px; }

.involved a:hover { background-color: #3e5490; color: #f8f9fa; opacity: 0.7; font-size: 16px; }

.contribute a { background-color: #c63733; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 16px; }

.contribute a:hover { background-color: #c63733; color: #f8f9fa; opacity: 0.7; font-size: 16px; }

.internal a { background-color: #343a40; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; }

.internal a:hover { background-color: #343a40; color: #f8f9fa; opacity: 0.7; }

blockquote { padding: 0px 100px 0px 100px; opacity: 0.6; margin-top: -20px; }

blockquote::before { display: block; content: "\0201c"; margin-left: -60px; margin-bottom: -100px; font-size: 120px; color: #d3d3d3; }

blockquote::after { display: block; position: absolute; content: "\0201d"; right: 80px; margin-top: -80px; font-size: 120px; color: #d3d3d3; }

.homepagequote blockquote { padding: 0px 50px 0px 50px; opacity: 0.6; margin-top: 0px; }

.homepagequote blockquote::before { display: block; position: absolute; content: "\0201c"; margin-left: -60px; margin-top: -80px; font-size: 120px; color: #d3d3d3; }

.homepagequote blockquote::after { display: block; position: absolute; content: "\0201d"; margin-right: -40px; bottom: -40px; font-size: 120px; color: #d3d3d3; }

.row-flex { display: flex; flex-wrap: wrap; }

.services-button a { background-color: #f7941d; padding: 15px; border-radius: 5px; }

.title-text a { color: #343a40; }

.title-text a:hover { color: #868e96; }

@media (max-width: 1500px) {

.bigtype {font-size: 75px;}

}

@media (max-width: 1200px) {

.bigtype {font-size: 50px;}

 }

@media (max-width: 992px) {

.involved a { background-color: #3e5490; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.involved a:hover { background-color: #3e5490; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.contribute a { background-color: #c63733; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.contribute a:hover { background-color: #c63733; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.logo-graphic img { width: 100px; }

.bigtype {font-size: 50px;}

.topbox { margin-top: 150px; }

.button-links-donate a { background-color:#df0b0a; color: #f8f9fa !important; padding: 10px; font-size: 20px; opacity: 1; transition: 0.5s; position: relative; top: 0; left: 0; margin-top: 25px !important; margin-bottom: 25px !important; }

.navbar-nav li a { color: #1d2a6e; opacity: 1; margin-left: 0px; transition: 0.5s; }

.navbar-nav li { margin-top: 15px; }

 }

@media (max-width: 768px) {

.special-use { width: 100%; }

.callout-box { padding: 25px; margin-top: 100px; }

.involved a { background-color: #3e5490; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.involved a:hover { background-color: #3e5490; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.contribute a { background-color: #c63733; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.contribute a:hover { background-color: #c63733; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.logo-graphic img { width: 100px; }

.bigtype {font-size: 50px;}

.hero { position: absolute; top: 50px; left: 50%; transform: translate(-50%); width: 300px; }

.carousel-inner { height: 300px; }

.carousel-item { height: 300px; }

     }

@media (max-width: 500px) {

.logo-graphic img { width: 100px; }

.sidebar { border-left: none; }

.involved a { background-color: #3e5490; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.involved a:hover { background-color: #3e5490; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.contribute a { background-color: #c63733; color: #f8f9fa; opacity: 1.0; transition: opacity 0.5s ease-in-out; font-size: 14px; }

.contribute a:hover { background-color: #c63733; color: #f8f9fa; opacity: 0.7; font-size: 14px; }

.toppart1 { height: 450px; }

.toppart2 { height: 100%; }

.nav-row { padding: 10px 0px 0px 0px; }

.swoosh { height:25px; }

.swoosh2 { height:25px; margin-top: -25px; }

.swoosh3 { height:25px; margin-bottom: -25px; }

.smallertype { font-size: 24px; }

.bigtype { font-size: 50px; }

     }