@charset "utf-8";
/*
Blue 1:    #5392A0    83, 146, 160
Blue 2:    #1D6D7A    29, 109, 122
Green 1:   #609C42    96, 156, 66
Green 2:   #ABCB37    171, 203, 55
*/
.pledge_container {
  width: 70%;
  margin: 0 auto 0 auto;
  overflow: hidden;
}
#mgoh_logo {
  text-align: center;
}
#mgoh_logo img {
  width: 200px;
  height: auto;
  margin: 36px 0 24px 0;
}
.signature_container {
  overflow: hidden;
  margin: 0 0 48px 0;
  text-align: center;
}
.signature_box {
  float: left;
  width: 45%;
  margin: 48px 2.5% 0 2.5%;
}
.signature {
  font-family: 'Dancing Script', cursive;
  border-bottom: 1px solid #000;
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
  font-size: 2.2rem;
}
.signature_line {
  border-bottom: 1px solid #000;
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
  font-weight: 700;
}
.pledge_cat {
  display: block;
  float: left;
  padding: 3%;
  width: 44%;
  min-height: 200px;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.pledge_cat h2 {
  color: #FFF;
  font-weight: 100;
  font-size: 2.4rem;
  line-height: 2.6rem;
}
.pledge_cat:hover, .pledge_cat:focus {
  text-decoration: none;
  transform: scale(.96, .96);
  color: #FFF;
}
.cta {
  margin: 24px 0 0 0;
  padding: 8px;
  display: inline-block;
  border: 1px solid #FFF;
}
.cta:hover, .pledge:focus {
  background: rgba(0, 0, 0, .2);
}
.pledge {
  display: block;
  padding: 12px;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin: 0 0 2px 0;
}
.pledge:hover, .pledge:focus {
  text-decoration: none;
  transform: scale(.96, .96);
  color: #FFF;
}
.publicForm {
  margin: 0 auto 12px auto;
}
.publicForm legend {
  text-align: center;
  color: rgba(171, 203, 55, 1);
}
.publicForm fieldset {
  background: rgba(171, 203, 55, .1);
  border: 1px solid rgba(171, 203, 55, 1);
  border-radius: 6px;
}
.publicForm input:not([type=submit]):not([type=radio]):not([type=checkbox]) {
  font-size: 1.2rem;
  padding: 10px;
  background: rgba(255, 255, 255, .8);
  border-bottom: 1px solid #555;
  border-bottom: 1px solid #CCC;
  margin: 0 0 18px 0;
}
.publicForm textarea {
  font-size: 1.2rem;
  padding: 10px;
  background: rgba(255, 255, 255, .8);
  border-bottom: 1px solid #555;
  border-bottom: 1px solid #CCC;
  margin: 0 0 18px 0;
}
.publicForm select {
  font-size: 1.2rem;
  padding: 10px;
  background: rgba(255, 255, 255, .8);
  border-bottom: 1px solid #555;
  border-bottom: 1px solid #CCC;
  margin: 0 0 18px 0;
}
.publicForm button {
  text-align: center;
  width: 40%;
  padding: 10px 0 10px 0;
  font-size: 1rem;
  color: #FFF;
  border: none;
  background: #5392A0;
  text-transform: uppercase;
  border-radius: 6px;
}
.publicForm button:hover, .publicForm button:focus {
  background: rgba(0, 0, 0, .7);
  color: #FFF;
  text-decoration: none;
}
@media only screen and (max-width: 749px) {
  .pledge_container {
    width: 90%;
  }
  .pledge_cat {
    padding: 5%;
    width: 90%;
  }
.signature_box {

  width: 95%;
}
}