#banner-wrapper{max-width:100%;overflow:hidden;position:relative}#banner .slide img{display:block;height:650px;width:100%}#banner .slide .overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}#banner .slide .slide-text{color:#fff;font-size:40px;left:0;line-height:50px;max-width:50%;padding:60px 90px;position:absolute;top:0;z-index:3}#thumbnail-wrapper{bottom:0;left:0;position:absolute;width:100%;z-index:4}#thumbnail-wrapper,.thumbnail{align-items:center;background-color:#000;display:flex;justify-content:center}.thumbnail{border-top:4px solid transparent;flex-grow:1;padding:15px;transition:background-color .3s,border-top .3s}.thumbnail:hover{background-color:#212f36}.thumbnail.active{background-color:#555;border-top:4px solid gray}#banner .slide{display:none;position:relative;width:100%}#banner .slide:target{display:block}.number-circle{background-color:red;border-radius:50%;color:#fff;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.headline{color:#fff}#banner .slide:first-child{display:block}@media only screen and (max-width:768px){#banner .slide .slide-text{font-size:24px;line-height:30px;padding:30px 45px}.thumbnail{padding:10px}.number-circle{height:20px;line-height:20px;width:20px}#banner .slide .slide-text{max-width:100%}#banner .slide img{display:block;height:350px;width:100%}}