.programrow {
  width:80%;
}

.ui-widget-content a {
  color: #7fff00;
}

.flip-link{color:aquamarine; }
.flip-link:hover{text-decoration:underline;color:aquamarine; }
.flip-link:active{color:green;text-decoration:underline;}

.sf-icon-box-animatedx .inner {
  transition: all 700ms cubic-bezier (0.4,1.42,0.79,0.85) 100ms !important;
}

.special-icon-box-animated .inner {
  -webkit-perspective: 100px;
  -moz-perspective: 100px;
  -ms-perspective: 100px;
  perspective: 100px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 800ms cubic-bezier(0.4,1.42,0.79,0.85) 200ms !important;
  -moz-transition: all 800ms cubic-bezier(0.4,1.42,0.79,0.85) 200ms !important;
  -o-transition: all 800ms cubic-bezier(0.4,1.42,0.79,0.85) 200ms !important;
  transition: all 800ms cubic-bezier(0.4,1.42,0.79,0.85) 200ms !important;
}

.mission {
  padding: 30px;
  border-radius: 4px;
  width: 100%;
}

.mission {
  background-color: rgba(255, 255, 255, 0.90);
  text-align: left;
}

.mission p {
  margin: 0px 20px 20px;
}

@media only screen and (max-width: 1000px) {
  .amount-div{
    margin-left:30px;
  }
  .donate-area-left, .donate-text-right {
    padding: 15px;
    border-radius: 4px;
    min-height: 440px !important;
    min-width:200px !important;
  }
  .mark-photo{
    height:100px;
    width:100px;
  }
  .donate-text-right p, .donate-text-right, .donate-area-left, .donate-area-left p {
    font-size:13px;
    font-weight:bold;
    line-height:16px;
  }
  .donate-head{
    font-size: 275%;
  }

  .donate-subhead{
    font-size:11px;
  }
  .donate-button{
    font-size: 100% !important;
    padding:12px 14px !important;
    margin: 0 5px 15px 0 !important;
  }
  .submit-donate-button{
    font-size: 100% !important;
    margin: 0 5px 15px 0 !important;
  }

}

@media only screen and (max-width: 769px) {
  .submit-donate-button{
    padding: 14px 14px !important;
  }
  input[class=amount-field]{
    margin-right:5px !important;
  }

}

@media only screen and (max-width: 569px) {

  .mark-photo{
    width:75px;
    height:75px;
  }
  .donate-head{
    font-size: 250%;
  }

  .donate-subhead{
    font-size:9px;
  }
  .donate-text-right p, .donate-text-right, .donate-area-left, .donate-area-left p {
    font-size:10.5px;
    font-weight:normal;
    line-height:12.5px;
  }

  .donate-button, .submit-donate-button{
    font-size: 100% !important;
    padding:8px 10px !important;
    margin: 0 10px 15px 0 !important;
  }
  .donate-area-left, .donate-text-right {
    min-height: 500px !important;
  }
  input[class=amount-field]{
    font-size: 11px !important;
    padding: 10px 4px 7px 4px !important;
  }
  .submit-donate-button{
    padding:8px 6px !important;
  }
}
@media only screen and (max-width: 665px) {
  input[class=amount-field]{
    font-size: 12px !important;
    padding: 13px 8px 10px 8px !important;
  }
  .submit-donate-button{
    padding:12px 6px !important;
  }
}
@media only screen and (max-width: 510px) {
  .donate-area-left, .donate-text-right {
    width:100% !important;
    min-height: 350px !important;
  }
}

@media only screen and (max-width: 321px) {
  .donate-area-left, .donate-text-right {
    width:100% !important;
    min-height: 350px !important;
  }
  input[class=amount-field]{
    font-size: 11px !important;
    padding: 10px 4px 7px 4px !important;
  }
  .submit-donate-button{
    padding:8px 6px !important;
  }
}
@media only screen and (max-width: 991px) and (min-width:768px){
  .xalt-bg {
    padding-left: 115px ;
  }
}

div.page-heading + div.container {
  width: 100%;
  padding: 0;
}

.heroTextContainer {
  display: flex;
  flex-direction: column;
}

.container-fluid div.row {
  margin-right: 0px !important;
}

.heroTextContainer > div.spb_wrapper {
  min-height: 0;
  height: auto;
}

@media screen and (max-width: 767px) {
  .heroTextContainer > div.spb_wrapper {
    min-height: 275px;
  }
}

@media screen and (min-width: 1200px) {
  .heroText p {
    font-size: 300%;
  }
}

.heroImageContainer {
  background-position: center;
  min-height: 400px !important;
  background-size: cover;
}

body p {
  font-size: 17px;
}
