html, body {margin:0; padding: 0; height:100%; min-height:100%;}
body {font-family: 'Roboto', serif;}
a {outline:none}
header,
section {position:relative; width:100%; height:100%;}
header {background:black;}
section {background:black;}

.wrapper, .blocado {display:-ms-flex; display:-webkit-flex; display:flex; -ms-align-items:center; -webkit-align-items:center; align-items:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; text-align:center; padding:0 10px; height:100%; min-height:100%;}
.randomBG1 {background:url("https://media.giphy.com/media/2UELldv7Yc7lTgjoDg/giphy-downsized.gif") center; background-size:cover;}
.randomBG2 {background:url("https://media.giphy.com/media/VpweNce6ICPkc/giphy-downsized.gif") center; background-size:cover;}
.randomBG3 {background:url("https://media.giphy.com/media/cBqBKy8htPLpu/giphy.gif") center; background-size:cover;}
.randomBG4 {background:url("http://giphygifs.s3.amazonaws.com/media/p6ChtGYFqq1X2/200w_d.gif") center; background-size:cover;}
.randomBG5 {background:url("https://media.giphy.com/media/3oriOdNrElrOb3ov1S/giphy-downsized.gif") center; background-size:cover;}
.randomBG6 {background:url("https://media.giphy.com/media/hTsjCBz0iaWgE/200w_d.gif") center; background-size:cover;}
.randomBG7 {background:url("https://media.giphy.com/media/6ZI5Ay0xox4vm/giphy.gif") center; background-size:cover;}

.card {margin:auto; text-align:center}
.card, .logo, .avatar {width:100%; display:block; margin:0 auto}
.card, .logo {max-width:800px;}
.avatar {max-width:150px; border-radius:125px;}
h1 {font-size:100px; font-weight:900;}
h2 {font-size:30px; font-weight:700;}
h3 {font-size:30px;}
h1, h2, h3, p {margin:10px auto; display:block; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.9);}
p {font-size:16px; font-weight:400; margin-bottom:20px}

.more {position:absolute; width:100%; bottom:0; text-shadow:0 2px 2px rgba(0,0,0,0.8); z-index:1; color:#fff; text-align:center;}
.more i {padding: 5px;}

.btn {font:14px/20px; color:none; background:none; border:none; text-shadow:none; box-shadow:none; display:inline-block; padding:10px 20px; margin-bottom:0; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; -webkit-border-radius:3px; -webkit-border-radius:3px; -webkit-border-radius:3px; transition:all 0.12s linear 0s !important; text-decoration:none;}
.btn-default {margin-right:5px; min-width:120px; margin-bottom:10px; font-size:18px; color:#fff; background-color:rgba(0,0,0,0.5); border:1px solid #fff; text-shadow:0 -1px 0 rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);}
.btn-default i {font-size:26px;}
.btn-link {margin-bottom:8px; font-size:18px; color:#fff;}