@import url('body.css');

.conpay {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.payment {
    width: 100%;
    max-width: 550px;
    background: #F9F9F9;
    padding: 25px;
    /*margin: 200px 0 100px;*/
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)
}

@media (max-width: 1024px) {
    .payment {
     /*   margin: 300px 0 200px; */
    }
}

@media (max-width: 912px) {
    .payment {
        /* margin: 200px 0; */
    }
}

@media (max-width: 540px) {
    .payment {
        max-width: 450px;
    }
  
    /* Footer */
    .bg-footer {
      overflow-x: hidden;
    }
  
    .title-footer {
      text-align: center;
    }
  
    .bg-footer .col-md-3 p {
      display: block;
      text-align: center;
    }
  
    .school-partnership-row .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  
    .text-footer {
      text-align: center;
    }
  
    .footer-link {
      justify-content: center;
    }
  }

  @media (max-width: 430px) {
    .payment {
        /* max-width: 300px; */
    }
}