:root{
  --blue:#11158c;
  --textblue:#287fb9;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  background:#fff;
}
body{
  font-family:"Trebuchet MS",Arial,sans-serif;
  overflow-x:hidden;
}
.wrapper{
  width:100%;
  max-width:691px;
  margin:0 auto;
  padding-top:103px;
  padding-bottom:360px;
}
.banner{
  display:block;
  width:81.7656%;
  height:auto;
  margin:0 auto 42px;
  object-fit:cover;
}
.panel{
  width:89.87%;
  margin:0 auto;
  border:3px solid var(--blue);
  border-radius:29px;
  padding:34px 34px 36px;
  background:#fff;
  box-shadow:0 3px 7px rgba(0,0,0,.17);
}
.btn{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:80px;
  padding:0;
  margin:0 0 21px;
  border:0;
  border-radius:15px;
  background:#fff;
  color:var(--textblue);
  font-family:"Trebuchet MS",Arial,sans-serif;
  font-size:24px;
  line-height:80px;
  font-weight:700;
  text-align:center;
  box-shadow:
    0 5px 9px rgba(64,137,180,.20),
    0 1px 2px rgba(0,0,0,.04);
}
.btn:active{transform:scale(.995)}
.brand{
  display:block;
  width:166px;
  height:42px;
  object-fit:cover;
  margin:17px auto 20px;
}
.copyright{
  margin:0;
  text-align:center;
  color:#30343a;
  font-family:Arial,sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:700;
}
@media(max-width:520px){
  .wrapper{
    padding-top:15vw;
    padding-bottom:55vw;
  }
  .panel{
    padding:4.92vw 4.92vw 5.21vw;
    border-radius:4.2vw;
  }
  .banner{margin-bottom:6.08vw}
  .btn{
    height:11.58vw;
    line-height:11.58vw;
    margin-bottom:3.04vw;
    border-radius:2.17vw;
    font-size:3.47vw;
  }
  .brand{
    width:24vw;
    height:auto;
    margin:2.46vw auto 2.9vw;
  }
  .copyright{font-size:2.32vw;line-height:2.9vw}
}