@import url(../fonts/stylesheet.css);
@import url(normalize.css);

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html{
    height: 100%;
}
body{
    position: relative;
    height: 100%;
    
}
.b-body{
    background: url(../images/bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    min-height: 100%;
}
.b-crump{
    max-width: 580px;
    font: 22px 'documenta_dtl_regularregular';
    margin: auto;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 50px;
    
    
}
.b-crump .b-logo{
        margin-bottom: 0;
}
.b-crump .b-text{
    line-height: 32px;
    
}
.b-crump  p{
    margin-bottom: 35px;
    color: #fff;
    opacity: 0.8;
}

.b-crump a{
    color: #fff;
}
.b-crump a:hover{
    color: #44e6ec;
    text-decoration: none;
}


.b-circle{
    width: 208px;
    height: 208px;
    background: #000;
    font: 12px/23px 'GothamBlack';
    color: #fff;
    border-radius: 50%;
    margin: auto;
    text-transform: uppercase;
        padding: 0 41px;
    padding-top: 44px;
    
}
span{
    opacity: 0.8;
}

@media (max-width:992px){
    .b-crump {
        padding: 0 15px;
        padding-bottom: 25px;
    }
    .b-crump .b-logo img{
        max-width: 100%;
    }
    
    .b-crump{
            padding-top: 32px;
    }
}