.logo	{	
	width: 90%;
	height: auto;
	
	text-align: center;
	margin: 0 auto;

	padding: 0px;
    margin-bottom: -48px;
}

img.centered {
    margin: 0 auto;
}

body {    
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: 3px 3px #000000;
    
    color: #fff;
    background-color: #000020;
    background: url(../img/realBG.png);
    background-repeat: repeat;
}

html {
    width: 100%;
    height: 100%;
    background-color: #000020;
}

a {
    color: #219ab3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: bold;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #11505d;
}

.intro {
    width: 100%;
    height: auto;
    padding-top: 100px;
    text-align: center;
    color: #fff;
}

#level-art {
    /* background loaded by JS */
    background-position: top left;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;

    -webkit-mask-image:-webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.intro-body {
    z-index: 35;
    position: relative;
}

@media(min-width: 1920px) {
    .intro {
        background-size: cover;
    }
}

.intro-body {
    margin-top: -60px;
}

.intro .intro-body .intro-text {
    font-size: 20px;
}

.steamembed {
    width: 100%;
    height: 230px;
}

@media(min-width:767px) {
    .intro {
        height: auto;
        padding: 140px 0 0 0;
    }

    .intro .intro-body .intro-text {
        font-size: 30px;
    }
    
    .intro-text {
        margin-top: 48px;
    }
    
    .steamembed {
        width: 60%;
        height: 190px;
    }
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

.no-center {
    text-align: justify;
}

.ul {
    font-size: 20px;
}

.heading {
    font-family: Lexend Tera,"Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 28px;
}

.gallery {
    display: inline-block;
    margin-top: 20px;
}

.img-thumb {
    border: 2px solid #ffffff;    
}

.copyright {
    margin-top: 32px;

    font-size: 18px;
    font-family: "Bebas Neue", sans-serif;
}

.devs {
    background: #fc0000;
    background: rgba(127, 0, 0, .4);

    padding: 96px 0 32px 0;
}

.video {
    margin-bottom: 24px;
}

.img-fluid {
    filter: drop-shadow(5px 5px 5px #660000);
    -webkit-filter: drop-shadow(5px 5px 5px #660000);
}

.brightness {
    background-color: white;
    display: inline-block;

    margin-left: 8px;
    margin-right: 8px;

}
.brightness img:hover {
    opacity: .5;
}