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

@media only screen and (max-width: 767px) {	
	#banners .banner { position: static }
	#banners .banner .inner { position: static }
	#banners .banner .inner.c, #banners .banner .inner.lc, #banners .banner .inner.rc { transform: none }
	#banners .banner .caption .content { font-size: 1.2em; padding: 10px }
}