@font-face {
	font-family: 'allentus';
	src: url('BEBAS__.TTF') format('truetype');
}

* {
	color: #fff;
}

html,
body,
.view {
	height: 100%;
	font-family: allentus;
	background: url(../img/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	display: flex;
	align-items: center;
}

.container {
	max-height: 100%;
}

div img {
	-webkit-transform: scale(0.7);
	-webkit-transition: 0.5s ease-in-out;
}
			
#logo {
    position: absolute;
    top: -50%;
	bottom: 100%;
	right: -100%;
	left: -100%;
    margin: auto;

	-webkit-animation: mover 1.5s ease 0s 1 normal forwards;
}

@-webkit-keyframes mover {
	0% { transform: translateY(0%); }
	100% { transform: translateY(90%); }
}

.view {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: auto;
}

.blue-div {
	background-color: rgba(2, 2, 2, 0.70);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	margin-top: 16.7%;
}

.blue-div img:hover {
	-webkit-transform: scale(0.9);
}

.jumbotron {
    background: none;
    margin-right: 10%;
    margin-left: 10%;
    background-color: rgba(2, 2, 2, 0.70);
}