.middle_logo{
  margin-left: 8%;
  margin-right: 7%;
}
.middle_logo img{
  width: 150px;
}

@media (max-width: 768px) {
  .middle_logo{
    margin-left: 0;
    margin-right: 0;
  }
  .middle_logo img{
    width: 60px;
  }
  .right_side{
    /* display: flex; */
    /* background-image: url('./img/who_we_thumbnil.jpg'); */
    width: 100%;
    height: 30%;
    justify-content: center;
    background-position: center;
    background-clip: content-box;
  }
}



.right_side{
  display: flex;
  background-image: url('../img/who_we_thumbnil.jpg');
  /* background-image: url('https://placehold.co/600x450'); */
  width: 100%;
  height: 450px;
  justify-content: center;
}
.issue_right_side{
  display: flex;
  width: 100%;
  height: 600px;
  justify-content: center;
}
.top_p{
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
}
.bi-play-circle{
  font-size: 5rem;
  color: red !important;
  opacity: .6;
}
.b-example-divider {
    width: 100%;
    height: 2rem;
    background-color: #b41c20;
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026;
}

#donation_bg{
  background-image: url('../img/donation_bg.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.justify{
  text-align: justify;
}

/* ################# cta button ######################### */
.header .cta-btn,
.header .cta-btn:focus {
  color: #ffa000;
  background-color: #112f4c;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 25px;
  margin: 0 0 0 30px;
  border-radius: 4px;
  transition: 0.3s;
  text-transform: uppercase;
  /* border: 2px solid #ffa000; */
}

.header .cta-btn:hover,
.header .cta-btn:focus:hover {
  color: #ffffff;
  background: var(--accent-color);
  border-color: #ff0000;
}

@media (max-width: 1200px) {

  .header .cta-btn {
    order: 2;
    margin: 0 15px 0 0;
    padding: 6px 15px;
  }

  /* .header .navmenu {
    order: 3;
  } */
}