*{box-sizing:border-box;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
a{color:#285dab;font-weight:500;text-decoration:none}
a:hover{color:#1e4680;text-decoration:underline}
body{color:#111;font-family:'Roboto',sans-serif}
h1{display:block;font-size:34px;margin:30px 0 15px;text-transform:uppercase}
.box-center{padding:30px 0;text-align:center}
.box-center img{max-height:150px;max-width:300px}
.button{background:#285dab;border:0;border-radius:3px;box-shadow:inset 0 -2px 0 0 #1e4680;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;height:48px;line-height:48px;transition:background .1s linear;width:100%}
.button:hover{background:#1e4680;box-shadow:inset 0 -2px 0 0 #036;color:#fff;text-decoration:none}
.flex{display:flex;flex-flow:row wrap;width:100%}
[class*="flex-"]{margin:15px}
.flex-2{width:calc(50% - 30px)}
.flex-3{width:calc(33.333333% - 30px)}
.max-width-1000{max-width:1000px}
.max-width-667{max-width:667px}
.wrapper{margin:0 auto;padding:0 15px;position:relative}
@media(max-width:667px){
    .flex-2, .flex-3{margin:15px 0;width:100%}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){/* IE10+ */
    .flex{display:inline-block}
    [class*="flex-"]{float:left}
}
@media(min-width:668px){
    .box-center{left:0;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
    h1{font-size:44px}
}