html {height:100%}
body {margin:0; height:100%; min-height:100%; background:url(bg.webp) no-repeat center center fixed; background-size:cover; font-family:'Roboto', sans-serif}
.flex-container {height:100%; padding:0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center}
.row {width:auto; text-align:center}
/*.flex-item {background-color:tomato; padding:5px; width:20px; height:20px; margin:10px; line-height:20px; color:white; font-weight:bold; font-size:2em; text-align:center}
*/
.row h1 {color:#000; font-size:55px; font-weight:600; line-height:65px; margin-bottom:15px; line-height:56px; margin-bottom:27px; font-weight:normal; color:rgba(20, 50, 90, .7)}
.row h1 span {font-weight:bold; color:rgba(20, 50, 90, 1)}
a {background:#3278d0; color:#fff; display:inline-block; border-radius:7px; text-decoration:none; padding:12px 18px; font-size:20px}
a:hover {background:#56a1ff}