body{
	position: relative;
	z-index:0;
}

header, main ,footer{
	top:600px;
	position: relative;
}

main ,footer{
	z-index:20;
}



#slider {
	position: fixed;
	background-color:#ffcc80;
	z-index:10;
	height:600px;
}


#slider .carousel img{
	margin-left:0%;	
}


#slider .carousel .object-fit{
	object-fit: cover;
	font-family: 'object-fit: cover;object-position: 50% 50%;';	
	object-position:50% 50%;
}



#slider .topLogo{
	position: absolute;
	width:300px;
	
	left:50%;
	top:50%;
	z-index:11;
	
	transform:translate(-50%,-50%);	
	
	filter: drop-shadow(0 0 3px rgba(255,255,255,1));	
	
}


@media (max-width: 1199.98px) { 
	#slider .carousel img{
		width:100%;
		height:600px;	
		margin-left:0%;
	}
}

@media (max-width: 991.98px) {

	#slider .topLogo{
		width:250px;
	}
	
}


@media (max-width: 767.98px) {
	#slider, #slider .carousel img {
		height:400px;
	}
	
	#slider{
		top:35px;
	}


	
	#slider .topLogo{
		width:300px;
	}
	
	header, main ,footer{
		top:435px;
	}
	
	main {
		padding-top:0;
	}
}

@media (max-width: 575.98px) {
	
	#slider .topLogo{
		width:250px;
	}
}



#info .info{
	z-index:16;
	position: fixed;
	width:200px;
	height:200px;
	top:30px;
	margin-left:920px;
}

#info .info.mini{
	opacity:0.8;
	top:0;
	z-index:21
}


@media (max-width: 1199.98px) { 
	#info .info{
		margin-left:765px;
	}
}

@media (max-width: 991.98px) {
	#info .info{
		margin-left:520px;
	}
}
@media (max-width: 767.98px) {
	#info .info{
		display:none !important;
	}
}


 #info .topComment{
	position: fixed;
	width:300px;
	z-index:12;
	
	top:250px;
}

@media (max-width: 1199.98px) { 
	 #info .topComment{
		left:20px;
	}
}

@media (max-width: 991.98px) {
	
	 #info .topComment{
		width:225px;
		top:340px;
	}
}
@media (max-width: 767.98px) {

	 #info .topComment{
		display:none !important;
	}
	
}
@media (max-width: 575.98px) {
}