html{margin:0;padding:0;color:#000;font-family:'Roboto',sans-serif;font-size:1em;font-weight:300;background:#fff;}@media screen and (min-width:721px){html{height:100%;}}html *{margin:0;padding:0;}@media screen and (min-width:721px){html body{height:100%;}}@media screen and (min-width:721px){html body form{height:100%;}}html body form #layout{padding:0 40px;display:flex;flex-direction:column;align-items:center;}@media screen and (min-width:721px){html body form #layout{min-height:100%;justify-content:space-evenly;}}html body form #layout header{width:100%;padding:40px 0;max-width:200px;}@media screen and (min-width:721px){html body form #layout header{max-width:400px;}}html body form #layout header a{display:block;}html body form #layout header a picture{display:block;}html body form #layout header a picture img{width:100%;height:auto;border:none;display:block;}html body form #layout section{max-width:450px;background:#ededed;border-radius:6px;box-shadow:0 0 15px 5px rgba(0,0,0,.15);display:flex;overflow:hidden;}@media screen and (min-width:721px){html body form #layout section{max-width:none;}}html body form #layout section>div:nth-child(1){display:flex;flex-direction:column;}html body form #layout section>div:nth-child(1) div{width:6px;flex:1;}html body form #layout section>div:nth-child(1) div:nth-child(1){background:#ffc80b;}html body form #layout section>div:nth-child(1) div:nth-child(2){background:#f89c1b;}html body form #layout section>div:nth-child(1) div:nth-child(3){background:#db7027;}html body form #layout section>div:nth-child(1) div:nth-child(4){background:#0c6bb6;}html body form #layout section>div:nth-child(2){flex:1;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2){display:flex;}}html body form #layout section>div:nth-child(2)>div:nth-child(1){margin-bottom:20px;padding:20px;align-self:center;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2)>div:nth-child(1){margin-right:20px;margin-bottom:0;}}html body form #layout section>div:nth-child(2)>div:nth-child(2){background:#fff;box-shadow:0 0 15px 5px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;}html body form #layout section>div:nth-child(2) p a{color:#000;font-size:1.1em;text-decoration:none;transition:color .2s;display:flex;justify-content:center;align-items:center;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2) p a{justify-content:flex-start;}}html body form #layout section>div:nth-child(2) p a:hover{color:#f89c1b;}html body form #layout section>div:nth-child(2) p img{border:none;display:block;}html body form #layout section>div:nth-child(2) p img.portrait{width:100px;height:100px;margin-bottom:10px;border-radius:50px;box-shadow:10px 10px 20px #f0ebeb,-10px -10px 20px #faf5f5;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2) p img.portrait{margin-right:10px;margin-bottom:0;}}html body form #layout section>div:nth-child(2) p img.icon{width:1.1em;height:1.1em;margin-right:10px;}html body form #layout section>div:nth-child(2) p img.qr{width:100%;height:auto;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2) p img.qr{width:auto;height:100%;max-height:300px;}}html body form #layout section>div:nth-child(2) p>span>span{display:block;}html body form #layout section>div:nth-child(2) p>span>span:nth-child(1){line-height:.9em;margin-bottom:10px;font-family:'Lato',sans-serif;font-size:2.5em;font-weight:300;}html body form #layout section>div:nth-child(2) p>span>span:nth-child(1) b{font-weight:400;text-transform:uppercase;}html body form #layout section>div:nth-child(2) p>span>span:nth-child(2){font-style:italic;}html body form #layout section>div:nth-child(2) p:nth-child(1){text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (min-width:721px){html body form #layout section>div:nth-child(2) p:nth-child(1){text-align:left;flex-direction:row;justify-content:flex-start;}}html body form #layout section>div:nth-child(2) p:not(:last-child){margin-bottom:20px;}html body form #layout footer{padding:40px 0;}html body form #layout footer a{color:#000;text-decoration:none;transition:color .2s;display:block;}html body form #layout footer a b{font-weight:400;}html body form #layout footer a:hover{color:#f89c1b;text-decoration:underline;}