.cover {

    font-family:"Roboto";

    height:auto;

    max-height:100vh;

    overflow:hidden;

}



.cover img {

    width:100%;

    height:auto;

    display:block;

    z-index:1;

}

.cover .mark {

    position:absolute;

    left:0px;

    bottom:20%;

    right:0px;

    text-align:center;

}



.cover .top {

    font-size:110px;

    font-weight:700;

    color:#ffffff;

    line-height:1.1em;

    text-transform:uppercase;

    text-align:center;

    opacity:0;

    transition:opacity 5s;

}



.cover .bottom {

    font-size:40px;

    font-weight:200;

    color:#ffffff;

    line-height:1.1em;

    text-transform:uppercase;

    text-align:center;

    opacity:0;

    transition:opacity 2s;

}



.cover .line {

    height:1px;

    background:#000000;

    margin:20px 60px;

    opacity:0;

    transition:opacity 15s;

    display:none;

}



.cover[data-visited="1"] .top,

.cover[data-visited="1"] .line,

.cover[data-visited="1"] .bottom {

       opacity:0.9;

}



.cover .scdown {

    display:block;

    position:absolute;

    left:50%;

    bottom:0px;

}



.cover .scdown a {

    display:block;

    position:absolute;

    width:70px;

    height:60px;

    left:-35px;

    bottom:0px;

    z-index:1000;    

}

.cover .scdown i {

    display:block;

    position:absolute;

    top:0px;

    left:0px;

    font-size:50px;

    font-weight:100;

    color:#dab8aa;

    animation: scdown 1.5s infinite;

    -moz-animation: scdown 1.5s infinite;

    -webkit-animation: scdown 1.5s infinite;

}


[data-menu-needed] .cover .scdown {

    display:none;

}


@-webkit-keyframes scdown {

    0% {top:0px;opacity:1;}

    50% {opacity:1;top:20px;}

    100% {top:0px;opacity:1;}

}


.sys .cover .mark {
    position:relative;
    left:0;
    top:0;
    right:0;
    background:#000000;
}

.sys .cover .markinner {
    display:block;
    margin-top:0;
}

.sys .cover .top {
	min-height:1.2em;
}

.sys .cover .bottom {
	min-height:1.5em;
}

[data-snark] .cover .line, [data-snark] .cover .top, [data-snark] .cover .bottom {
	opacity:1;
}

.cover [data-img-main] {
	display:block;
}

.cover [data-img-small] {
	display:none;
}

/*
@media screen and (max-width: 960px){
    .cover .markinner {
        margin-top:-114px;        
    }

    .cover .top {
        font-size:48px;
    }

    .cover .bottom {
        font-size:18px;
    }

    .cover .line {
        margin:16px 50px;
    }
}



@media screen and (max-width: 720px){
    .cover .markinner {
        margin-top:-72px;        
    }

    .cover .top {
        font-size:30px;
    }

    .cover .bottom {
        font-size:12px;
    }

    .cover .line {
        margin:8px 20px;
    }
}
*/

@media screen and (max-width: 380px){
	.cover [data-img-main] {
		display:none;
	}

	.cover [data-img-small] {
		display:block;
	}
}