.donate-body {
  margin-top: 0px;
  width: auto;
  height: auto;
  display: flex;
  }

.donate-donorbox-box {
  height: auto;
  padding-left: 33%;
/**
  border-style: solid;
  border-color: blue;
  border-width: 1px;
**/
  }

.donate-tiers {
  height: auto;
/**
  border-style: solid;
  border-color: blue;
  border-width: 1px;
**/
  }

.donate-img {
/**  width:auto;  **/
/**  width:605; **/
  text-align:center;
  padding:0px;
  float: left;
  }

.donate-progress {
  height: 300px;
  width: 30%;
  text-align:center;
  float: right;
  margin-bottom: 30px;
/**
  border-style: solid;
  border-color: red;
  border-width: 1px;
**/
  }

.donate-sep {
  margin-bottom: 20px;
  }

.donate-sep-bottom {
  margin-bottom: 100px;
  }


.donate-contact-header {
  margin-top: 50px;
  text-align:center;
  color: blue;
  }

.donate-contact {
   margin-top: 5px;
  text-align:center;
  color: blue;
   }

.donate-contact-2 {
  margin-top: 5px;
  text-align:center;
  color: blue;
   }


@media (min-width 992px) {

.donate-img img {
  width: 50%;
}


}

@media (min-width: 768px) and (max-width: 991px) {

.donate-img img {
  width: 480px;
  height: auto;
  float: left;
}
}

@media (min-width: 691px) and (max-width: 767px) {

.donate-img img {
  width: 440px;
  height: auto;
  float: left;
}

}


@media (min-width: 601px) and (max-width: 690px) {

.donate-img img {
  width: 380px;
  height: auto;
  float: left;
}

}

@media (min-width: 521px) and (max-width: 600px) {

.donate-img img {
  width: 320px;
  height: auto;
  float: left;
}

}
@media (min-width: 468px) and (max-width: 520px) {

.donate-img img {
  width: 280px;
  height: auto;
  float: left;
}

}

@media (min-width: 300px) and (max-width: 467px) {

.donate-img img {
  width: 240px;
  height: auto;
  float: left;
}

}