@media only screen and (min-width:480px) {


/* START MOBILE IMAGE SLIDER */

* {
	margin:0px;
	padding:0px;
	border:0;
	box-sizing:border-box;
}

#slider.desk {
	display:block;
}

#slider.mob {
	display:none;
	background-color:#000000;
	height:600px;
	width:100%;
}

#slider figure {
	background-color:#000000;
	position:relative;
	width:400%;
	height:100%;
	animation:slider 15s infinite;
	overflow:hidden;
	display:block;
}

#slider figure img {
	width:25%;
	height:100%;
	float:left;
	object-fit:cover;
	
}

@keyframes slider {
	0% {
		left:0%;
	}
	30% {
		left:0%;
	}
	35% {
		left:-100%;
	}
	70% {
		left:-100%;
	}
	75% {
		left:-200%;
	}
	95% {
		left:-200%;
	}
	100% {
		left:0%;
	}
}

.slider-nav {
	display:flex;
	column-gap:1rem;
	position:absolute;
	left:50%;
	bottom:1.5rem;
	transform:translateX(-50%);
	z-index:1;
}

.slider-nav a {
	background-color:#000000;
	width:0.8rem;
	height:0.8rem;
	border-radius:50%;
	opacity:0.75;
	transition:opacity ease 0.25s;
}


}


/* END MOBILE IMAGE SLIDER */



@media only screen and (min-width:960px) {
	

	
/* START DESKTOP IMAGE SLIDER */

* {
	margin:0px;
	padding:0px;
}

#slider.mob {
	display:none;
}

#slider.desk {
	display:block;
	background-color:#000000;
	margin:0 auto;
	height:600px;
	width:100%;
}

#slider figure {
	background-color:#000000;
	position:relative;
	width:400%;
	height:100%;
	animation:slider 15s infinite;
}

#slider figure img {
	width:25%;
	height:100%;
	float:left;
	object-fit:cover;
	
}

@keyframes slider {
	0% {
		left:0%;
	}
	30% {
		left:0%;
	}
	35% {
		left:-100%;
	}
	70% {
		left:-100%;
	}
	75% {
		left:-200%;
	}
	95% {
		left:-200%;
	}
	100% {
		left:0%;
	}
}

.slider-nav {
	display:flex;
	column-gap:1rem;
	position:absolute;
	left:50%;
	bottom:1.5rem;
	transform:translateX(-50%);
	z-index:1;
}

.slider-nav a {
	background-color:#000000;
	width:0.8rem;
	height:0.8rem;
	border-radius:50%;
	opacity:0.75;
	transition:opacity ease 0.25s;
}
	
	
/* END DESKTOP IMAGE SLIDER */

}