body {
	background-color:#202020;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Poppins', sans-serif;
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-inner{
  width:100%;
  max-height: 800px !important;
}

.logo {
	position:absolute;
	top: 300px;
	width: 100%;
	height: 300px;
	background: no-repeat center center scroll;
	background-image: url('../images/mileste.png')
}

.image1 {
	background-image: url('../images/desktop-mileste-1.jpg')
}
.image2 {
	background-image: url('../images/desktop-mileste-2.jpg')
}
.image3 {
	background-image: url('../images/desktop-mileste-3.jpg')
}

.bottomarea {
	text-align: center;
	margin: 0 0 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #eeeeee;
}

@media only screen and (max-device-width: 480px) {
.image1 {
	background-image: url('../images/mobile-mileste-1.jpg')
 }
 .image2 {
	background-image: url('../images/mobile-mileste-2.jpg')
 }
 .image3 {
	background-image: url('../images/mobile-mileste-3.jpg')
 }
 
.logo {
	position:absolute;
	top: 100px;
	width: 100%;
	height: 200px;
	background: no-repeat center center scroll;
	background-image: url('../images/mileste-mobile.png')
}

.topspacer {
	height: 20px;
}

.carousel-item {
  height: 400px;
}  
/* .toparea {
	 height: 400px;
 }
 
 .bottomarea {
	 height: 100%;
 }*/
}