.container{min-height:315px;margin:0 auto;position:relative;overflow:hidden;padding:0 10px;flex-grow:2}.container h1{text-align:center;text-shadow:0 1px #fff;color:#02303F}.container h2{color:#736861;margin:15px 0 5px;text-shadow:0 1px rgba(255,255,255,.5)}h6{color:#928566;margin:0}.container input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);overflow:hidden}.container label{display:block;width:26%;border:4px solid #fff;position:absolute;bottom:5px;cursor:pointer;transition:border-color .3s linear}label.second{left:34%}label.third{left:68%}.container label:hover{background-color:#ddd}#third:checked~.three blockquote,blockquote{margin:0;padding:30px;max-width:500px;background-color:#F60;color:#fff;box-shadow:0 5px 2px rgba(0,0,0,.1);position:relative;transition:background-color .6s linear}.quotes,.slide{position:absolute}.three blockquote:after,blockquote:after{content:" ";height:0;width:0;position:absolute;top:100%;border:solid transparent;border-top-color:#F60;border-left-color:#F60;border-width:10px;left:10%}#second:checked~.two blockquote{color:#333;background-color:rgba(184,216,216,.5)}.two blockquote:after{border:solid transparent;border-top-color:rgba(184,216,216,1);border-left-color:rgba(184,216,216,1);border-width:10px}.quotes{color:rgba(255,255,255,.5);font-size:5em}.leftq{top:-11px;left:5px}.rightq{bottom:0;right:5px}.container img{float:left;margin-right:20px;height:auto;width:30%}.slide{left:-100%;opacity:0;transition:all .6s ease-in}#first:checked~label.first,#third:checked~label.third{border-width:6px;border-color:#F60}#second:checked~label.second{border-width:6px;border-color:rgba(184,216,216,.5)}#first:checked~label.second,#first:checked~label.third,#second:checked~label.first,#second:checked~label.third,#third:checked~label.first,#third:checked~label.second{border-color:#ddd}#first:checked~div.one,#second:checked~div.two,#third:checked~div.three{left:0;opacity:1}@media all and (max-width:610px){.container h2{font-size:1em}}