/* 
    Document   : Volunteer
    Created on : Oct 5, 2017, 10:49:38 AM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

#Nav a#ProgramsLink {
  background: #000000;
  }


#MiddleCol {
    width: 40%; /* 400 / 1080 */
    }

.BottomText {
  margin: 30px 0;
  }


.DuoPhotoarea {
  margin: 20px 0;
  padding: 75px 0;
  background: #00243b url(../images/DP-Back.jpg) no-repeat center top;
  }
.DuoPhotoarea h1 {
  font-size: 24px !important;
  line-height: 28px !important;
  color: #fff;
  text-align: center;
  margin: .4166666666666667em 0; /* 15px / 36px */
  }

.DPMain {
  width: 60%;
  padding: 1px 0;
  background: rgba(255,255,255,.7);
  min-height: 100px;
  margin: 0 auto;
  border-radius: 20px;
  }
.DPMain p {
  font-size: 2em;
  line-height: 1.5em;
  margin: 20px;
  text-align: center;
  }

@media screen and (max-width: 1120px) {
.BottomText {
  margin: 30px 2%;
  }
}
@media screen and (max-width: 500px) {
.DPMain {
  width: 90%;
  padding: 1px 0;
  }
}
