/*begin navbar style*/
.row h2, .row h3 {
  color:#339999;
}

.navbar {
padding: 0px;
align-items:center;
justify-content:center;
}
#top-nav {background-color: rgb(0, 128, 128);}
#social-icons {
display:flex;
margin-left: 10%;
}
.fa {
font-size: 20px;
text-decoration: none;
color: rgba(255, 255, 255, .8);
padding: 5px;
border-radius: 100%;
}
.fa:hover{color: rgba(255, 255, 255, 1);}
#bottom-nav {
background-color: rgba(255, 255, 255, 0.8);
padding:0px;
}
#inner-bottom-nav{width:100vw; max-width:100%; margin:0;}
.navbar-brand{align-items:center;}
#brand-logo {
height: 70px;
width: 70px;
}
#brand-vertical-bar{
  height: 50px;
  width:2px;
  border-radius:100px;
  margin-left: 5px;
  background-color:rgb(0, 128, 128);
}
#brand-text {
  display:inline-block;
  padding-left: 10px;
  color: rgb(0, 128, 128);
  font-size:15px;
}
#button-container{
  display:inline-flex;
  justify-content:end;
  align-items:center;
}
.navbar-toggler{margin-right:10%;}
#collapse-container{
  position:relative;
  display:inline-flex;
  padding:0px;
}
.navbar-collapse{
  justify-content:space-around;
  position:absolute;
  top:100%;
  width:100%;
  background-color: rgb(255, 255, 255);
}
.navbar-nav{width:100%;}
.nav-link{white-space: nowrap;}
.dropdown{position:relative;}
.dropdown-menu{
  position:absolute !important;
  background-color: rgb(255, 255, 255);
}

/*end navbar style*/
/*begin header section*/
.donate-header-row{
  height:23vw;
}
.donate-header-col{
  position:relative;
  padding:0;
  overflow:hidden;
}
.donate-header-img{
  position:absolute;
  width:100vw;
  height:66vw;
  top:-16vw;
}
.donate-header-text{
  position:absolute;
  top:5vw;
  right:22vw;
  color:rgb(0,128,128);
  font-size:60px;
  z-index:1;
}
/*end header section*/
  .board-row{
    margin-bottom:70px;
  }
  .board-col{
    display:flex;
    align-self: center;
  }
  .board-header{
    margin:50px 0px;
    color:rgb(0,128,128);
  }
  .board-inner-row{
    margin-bottom:50px;
  }
  .board-col{
    padding:20px;
    font-weight:600;
    color:rgb(0,128,128);
    font-size:20px;
  }


  .special-titles-row{
    margin-bottom:70px;
  }
  .special-title-header{
     color:rgb(0,128,128);
     text-align:center;
  }
.special-title-name{
    padding:10px;
    font-weight:600;
    color:rgb(0,128,128);
    font-size:20px;
    text-align:center;
    margin-bottom:50px;
}

/*begin get involved style*/

#get-involved-row {
position: relative;
background-color: rgba(0, 128, 128, .8);
overflow: hidden;
}
#get-involved-volunteer,
#get-involved-donate {
z-index: 2;
margin: 100px 0px;
}
#get-involved-volunteer{margin-bottom:50px;}
#get-involved-donate{margin-top: 50px;}
#get-involved-container,
#get-involved-header,
#get-involved-text,
#get-involved-anchor {
color: rgb(255, 255, 255);
}
#get-involved-text {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#get-involved-anchor {
font-size: 22px;
padding: 10px 40px;
white-space: nowrap;
background-color: rgb(0, 128, 128);
border-radius: 100px;
text-decoration: none;
}
#get-involved-anchor:hover {background-color: rgb(0, 204, 204);}
#get-involved-img {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-size: 100% 100%;
opacity: 0.4;
z-index: 1;
height:75vw;
width:100vw;
min-height:744px;
min-width:992px;
padding:0px;
}

/*end get involved style*/
/*begin footer style*/

#footer {
background-color: rgb(0, 128, 128);
padding: 40px 0px;
}
footer *{color:rgb(255, 255, 255);}
#footer-logo {
height: 115px;
width: 115px;
background-color:rgb(0, 204, 204);
border-radius:30px;
}
#footer-social-header{margin-top:20px;}
#footer-social-icons >.fa{color: rgba(255, 255, 255, .8);}
#footer-social-icons >.fa:hover{color: rgba(255, 255, 255, 1);}
#footer-phone-number-anchor, #footer-address-anchor{text-decoration: none;}
#anon-websites {
  list-style-type: none;
  padding:0px;
}
.anon-list-item {
margin-top: 10px;
decoration: none;
}
.anon-site{
  text-decoration: none;
  color: rgb(77, 0, 153);
}
.anon-site:link{color: rgb(255, 255, 255);}
.anon-site:visited {color: rgb(255, 255, 255);}
.anon-site:hover{color:rgba(255, 255, 255, .8);}
#map {height:230px; width:230px; border-radius:20px;}

/*end footer style*/

/*extra small*/
@media screen and (max-width: 576px) {
.footer-col{
text-align: center;
margin-top: 20px;
}
.donate-header-text{
  top:5vw;
  right:4vw;
 font-size:33px;
}
  .board-header{
    margin:30px 0px;
    font-size:30px;
  }
}
/*small*/
@media screen and  (min-width: 576px) {
#map-container{padding: 25px;}
.donate-header-text{
  top:5vw;
  right:4vw;
  font-size:50px;
}
}
/*medium*/
@media screen and  (min-width: 768px) {
#button-container{display:none;}
.navbar-collapse{
  position:relative;
  top:0%;
  background-color:rgba(255, 255, 255, 0.1);
}
.donate-header-text{
  top:5vw;
  right:10vw;
  font-size:55px;
}

#get-involved-volunteer,
#get-involved-donate{margin: 100px 0px;}
#map{width:min(230px, 100%);}
}
/*large*/
@media screen and  (min-width: 992px) {
.donate-header-text{
  top:5vw;
  right:15vw;
  font-size:60px;
}
}
/*extra large*/
@media screen and  (min-width: 1200px) {
#brand-text {font-size: 18px;}
.donate-header-text{
  top:5vw;
  right:22vw;
  font-size:60px;
}
}
/*extra extra large*/
@media screen and (min-width: 1400px) {
  .donate-header-text{
  top:5vw;
  right:22vw;
  font-size:60px;
}
}