@media screen and (max-width: 450px) {
    .left.logo {
        max-width: none;
        margin-right: 0;
    }
}

.main-de {
  background: transparent;
  padding: 0;
  opacity: 1;
}

.small_tablet_and_below {
  display: none;
}

.video_wrapper video {
  width: 100%;
}

@media screen and (max-width: 799px) {
  .tablet_and_above { display: none; }
  .small_tablet_and_below { display: block }
}

.main-de .sidebox, .success .body-box {
  background-color: #E9E2D9;
  padding: 20px;
}

.main-de h1, .success .headline-box strong {
  font-size: 82px;
  line-height: 1;

  font-family: falcon-script, sans-serif;
font-style: normal;
font-weight: 400;
}

.main-de, .main-de .faq-link, .success .form_box {
 color: #0c3148;
}

.img-fader img {
  width: 100%;
}

.img-fader > div + div {
  display: none;
}

.img-row-2 {
    width: 70px;
    margin: 0;
    display: block;
}

.background {
  background-size: cover;
}

/* use desktop view also for tablets */
@media screen and (min-width: 800px) {
  .main-de {
    width: 512px;
    /* height: 130px; */
    text-align: left;
    margin-top: 422px;
    margin-left: 50px;
    float: right;
  }
}

.donate-cont {
  width: 100%;
}



@media screen and (max-width: 1700px) {
  .main-de {
    margin-top: 340px;
  }
}

@media screen and (min-width: 800px) and (max-width: 1100px) {

  .main-de {
    margin-left: 0;
    width: 45vw;
    margin-right: 2vw;
  }

  .main-de h1 {
    font-size: 60px;
  }

}


@media screen and (max-width: 1025px) {
  
  .main-de h1 {
    font-size: 60px;
  }

  .background {
      background-position: -500px 0;
      padding-bottom: 0;
      height: auto;
  }

  .content {
    margin-left: 0;
    margin-right: 0;
  }
  
  .img-fader {
    width: 100%;
  }



}

@media screen and (max-width: 979px) {
  
  .content {
    padding-left: 15px;
    padding-right: 15px;
  }

  
  
}

@media screen and (max-width: 860px) {
  .main-de {
    margin-right: 0;
  }

  .main-de h1 {
    font-size: 54px;
  }
}



/* smartphone view */


@media screen and (max-width: 799px) {
  .donate-block.content, .left.logo {
    padding-left: 0;
    padding-right: 0;
  }

  .left {
    padding-left: 15px;
    padding-right: 15px;
  }

  .left.logo {
    width: 100%;
    padding-top: 0;
    max-width: unset;
  }

  .main-de {
    max-width: unset;
    padding-top: 36%;
  }

  .main-de h1, .main-de .sidebox > * {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .donate-cont form.donate > * {
    margin: 0 auto;
  }

  .background {
    background-size: contain;
    background-position: 0 75px;
  }
}


@media screen and (max-width: 450px) {
  .left.logo {
      max-width: none;
      margin-right: 0;
  }

  .main-de h1 {
    font-size: 48px;
  }
}


/* success and error page */

.success .form_box {
  border: none;
  background-color: transparent;
}

.success .body-box {
  border-bottom: none;
}

.success .left.logo,
.error .left.logo {
  max-width: 498px;
}

.success .headline-box {
  background-color: transparent;
  padding-top: 40px;
  border-bottom: none;
}

.success .headline-box strong {
  font-size: 48px;
}


@media screen and (max-width: 799px) {
  .success .left.logo,
  .error .left.logo {
    max-width: unset;
  }

  .left.success {
    margin: 0 auto;
  }

  .success .body-box {
    max-width: none;
  }
}


@media screen and (max-width: 1025px) { 
  .success .background,
  .error .background {
    background-position: 0 0;
    background-size: cover;
  }
}