@font-face {
  font-family: 'DIN-RegularAlternate';
  src: url('../fonts/DIN-RegularAlternate.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/DIN-RegularAlternate.otf')  format('opentype'),
	     url('../fonts/DIN-RegularAlternate.woff') format('woff'), 
	     url('../fonts/DIN-RegularAlternate.ttf')  format('truetype'), 
	     url('../fonts/DIN-RegularAlternate.svg#DIN-RegularAlternate') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{box-sizing: border-box;margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family: 'DIN-RegularAlternate',arial;}
main{display: block; max-width: 600px; text-align: center; margin: 0 auto;}
p{font-size: 22px; font-weight: bold;}
a{color:#CDCDCD;text-decoration: none;}
span{font-size: 16px; font-weight: normal;}
.logo{display: inline-block;}
.title{display: inline-block; width: 100%;}
.title h1{font-size: 60px; font-weight: bold;box-sizing: border-box;}
.title span{color: rgba(0, 0, 0, 0.5);font-size: 18px;}
.msg-block {display: block; max-width: 280px; border-radius: 2px; text-align: center; margin: 0 auto; margin-top: 30px;margin-bottom: 30px;}
.error-msg {box-shadow: 0 2px 46px 0 rgba(0,0,0,0.26);display: inline-block; text-decoration: none;border-radius: 2px; background: #D22C0A; padding: 10px 30px; border-radius: 2px; color: #ffffff; font-size: 17px;}
.error-msg .error-oops{display: block; font-size: 24px;}
.success-msg {box-shadow: 0 2px 46px 0 rgba(0,0,0,0.26);text-decoration: none;border-radius: 2px; background: #039e56; padding: 10px 30px; border-radius: 2px; color:rgba(255,255,255,0.7); font-size: 14px;min-width: 280px; min-height: 92px; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.success-msg span{display: block; font-size:30px; font-weight: bold;color: #ffffff}
.qr-code span {display: block;color: #039E56;margin: 20px 0;font-size: 12px;}
.qr-code{margin-bottom: 30px;}
.sender { /*margin-top: 50px;*/ margin-bottom: 30px; }
p {margin-bottom: 15px; }
.info {margin-bottom: 30px; }
.copyright{padding: 23px 0;color: #CDCDCD;border-top: 1px solid #979797;     display: block;    max-width: 600px;    text-align: center;    margin: 0 auto;}
.copyright a{color:#CDCDCD;text-decoration: none;}
.dev-note {margin-bottom: 30px; }
.dev-note span{font-size: 18px;} 
.d-none{display: none !important;}
.d-block{display: block !important;}
.bundle_parent{word-wrap: break-word;}
   .msg-block.capcha {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
    }

.g-recaptcha div{text-align:center;margin:0 auto;
}

html, body {
  height: 100%;
  margin: 0;
}
main {
  min-height: 100%;

  /*/ Equal to height of footer /*/
  /*/ But also accounting for potential margin-bottom of last child /*/
  /*margin-bottom: -67px;*/
}
.copyright,
.push {
  height: 67px;
  text-align: center;
  margin-bottom:  -67px;
}



@media screen and (max-width: 767px){
main {padding: 0 15px;}
.logo img {max-width: 300px;}
}

@media screen and (max-width: 574px){
.logo img {max-width: 250px;}
}

@media screen and (max-width: 350px){
main {padding: 0 5px;}
.g-recaptcha div{width:100%!important ;margin-left:1px!important;}

}