* { margin: 0px; padding: 0px; }
body { background: url('bg.jpg') no-repeat scroll 50% 0% rgb(0, 0, 0); font-family: Arial,sans-serif; }
html { height: 100%; font-size: 10px; }
#layout { min-height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.content { flex-grow: 1; padding-top: 60em; }
.btn { display: block; color: rgb(255, 255, 255); line-height: 2.15em; max-width: 42em; width: 90%; height: 8.6em; text-align: center; margin: 0px auto; position: relative; text-transform: uppercase; font-weight: bold; text-decoration: none; background: none repeat scroll 0% 0% rgb(34, 170, 51); border-radius: 1.2em; }
.btn span { font-size: 4em; line-height: 2.15em; display: block; height: 2.15em; position: relative; z-index: 3; }
.pay { margin: 4.6em auto; width: 100%; max-width: 75.8em; height: 5.4em; }
.pay img { width: 100%; height: auto; display: inline-block; }
img.pay_mob { display: none; }
@media screen and (max-width: 768px) {
  img.pay_mob { display: inline-block; }
  img.pay_desk { display: none; }
  .pay { max-width: 44.6em; height: 9.9em; width: 90%; }
}
@media screen and (max-width: 540px) {
  body { background-size: 215% auto; }
  .content { padding-top: 44em; }
  .btn { font-size: 7px; }
}
@media screen and (max-width: 500px) {
  .content { padding-top: 42em; }
}
@media screen and (max-width: 470px) {
  .content { padding-top: 40em; }
}
@media screen and (max-width: 440px) {
  .content { padding-top: 37em; }
}
@media screen and (max-width: 410px) {
  .content { padding-top: 34em; }
  .btn { font-size: 6px; }
}
@media screen and (max-width: 380px) {
  .content { padding-top: 32em; }
}
@media screen and (max-width: 355px) {
  .content { padding-top: 30em; }
}
@media screen and (max-width: 330px) {
  .content { padding-top: 28em; }
}