:root{
  --bg:#f0f0f0;
  --line:#cfd5dc;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2f4260;
}
.page{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
}
.brand-block{
  width:min(92vw, 980px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.logo{
  width:min(68vw, 520px);
  height:auto;
  display:block;
}
.divider{
  width:min(52vw, 420px);
  height:1px;
  background:var(--line);
  margin:34px 0 22px;
}
.email-image{
  width:min(34vw, 240px);
  height:auto;
  display:block;
  opacity:0.96;
}
@media (min-width: 1200px){
  .logo{width:560px}
  .divider{width:440px}
  .email-image{width:250px}
}