*, *:after, *:before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    position: relative;
    background: black;
    animation: logo-animation linear 1s;
    animation-iteration-count:  1;
    transform-origin: 50% 50%;
    -webkit-animation: logo-animation linear 1s;
    -webkit-animation-iteration-count:  1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: logo-animation linear 1s;
    -moz-animation-iteration-count:  1;
    -moz-transform-origin: 50% 50%;
    -o-animation: logo-animation linear 1s;
    -o-animation-iteration-count:  1;
    -o-transform-origin: 50% 50%;
    -ms-animation: logo-animation linear 1s;
    -ms-animation-iteration-count:  1;
    -ms-transform-origin: 50% 50%;
    font-family: Artial, Verdana, sans-serif;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background: url(../images/load.gif) center no-repeat #fff;
}

.navbar{
	width: 100vw;
	background-color:rgba(29,29,31,0.72);
	position: fixed;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	color: white;
	padding: 10px 50px;
	font-size: 0.8em;
	z-index: 111;
}

.logo{
	height: 30px;
}

.nav-items{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.nav-items div:nth-child(1){
    margin: 0 20px;
}