@import url(//fonts.googleapis.com/css?family=Geo);
@import url(//fonts.googleapis.com/css?family=Patua+One);
@import url(../fonts/digitalic.css);
.splash{
    background-color: #1A1A1A; 
    position: fixed; 
    z-index:1020; 
    font-family: 'Geo', cursive; 
    font-size: 1.2em; 
    text-align: center; 
    color: #fff; 
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    overflow: hidden;
}
.splash img{ 
    margin-right:auto;
}
.splash .progress {
    height: 0.2em;
    font-size: 1em;
    background-color: #333;
    width: 100%;
    position: fixed;
    top: 0
}
.splash .progress-bar {
    background-color:#FF1A1A;
}
.splash {
    width:6000px;
    height:4000px
}
.splash .content{
    height: 100%;
    padding: 20%;
}
.logo-text{
    background-size: cover;
    font-family: 'Patua One', sans-serif;
    font-size: 40px;
    text-shadow: none;
    display: inline;
    letter-spacing: 1px;
}
@media (max-width: 768px){
    .logo-text {
        font-size: 25px;
        letter-spacing: 0px;
        padding-left: 0;
    }
}
.logo-big {
    display:none;
    font-size: 10vw;
    letter-spacing: 2px;
    padding: 15px 2px; 
    line-height: 17px;
}
@supports(-webkit-background-clip: text){
    .logo-text{
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: url('../images/logo-bg.png');
    }
}
@supports(-moz-background-clip: text){ 
    .logo-text{
        background-image: url('../images/logo-bg.png');
    }
}
@supports(font-family: 'Patua One'){ 
    .logo-big{display:initial;}
}