@font-face {
    font-family: 'recoletasemibold';
    src: url('../fonts/latinotype_-_recoleta_semibold-webfont.woff2') format('woff2'),
         url('../fonts/latinotype_-_recoleta_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'right_groteskregular';
    src: url('../fonts/rightgrotesk-regular-webfont.woff2') format('woff2'),
         url('../fonts/rightgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.recoleta{font-family: 'recoletasemibold';}
body{background:#060606; padding: 20px; color: #F7F7F7; font-size: 1.2rem;}
.title{margin-bottom: 10px;}
p{margin-top: 0px; line-height: 1.2;}
#hero{min-height: 100vh; width: 100%; position: relative;}
    #hero .center{position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}