#slider .glide__slide { position: relative }
#slider .slide { position: relative; padding: 0 }
#slider .slide img { width: 100%; vertical-align: middle }
#slider .slide .inner { position: absolute; width: 100% }
#slider .slide .inner.lt, #slider .slide .inner.rt { top: 20px }
#slider .slide .inner.lb, #slider .slide .inner.rb { bottom: 20px }
#slider .slide .inner.lt, #slider .slide .inner.lb { left: 20px }
#slider .slide .inner.rt, #slider .slide .inner.rb { right: 20px; text-align: right }
#slider .slide .inner.c, #slider .slide .inner.lc, #slider .slide .inner.rc { top: 50%; transform: translateY(-50%) }
#slider .slide .caption { background: rgba(0, 0, 0, 0.5) }
#slider .slide .caption .content { font-size: 1.5em; padding: 20px; color: #ffffff }

@media only screen and (max-width: 767px) {	
	#slider { background: #000000 }
	#slider .slide { position: static }
	#slider .slide .inner { position: static; height: 100px }
	#slider .slide .inner.c, #slider .slide .inner.lc, #slider .slide .inner.rc { transform: none }
	#slider .slide .caption { background: #000 }
	#slider .slide .caption .content { font-size: 1em; padding: 10px }
}