body{background-color:#222222;color:white;margin:0px}.container{max-width:1000px;padding:0px 40px;margin:auto}.intro-section{height:100vh;width:100%;background-image:url(../img/j-dilla-bg.jpg);background-position:center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.about-section{padding-top:3em;text-align:center}.header{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.read-more{position:absolute;bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.read-more p{padding:30px}.read-more:after{content:"|";font-size:36px;position:absolute;bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.single{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:2em 0em}.single .artwork{position:relative}.single .record,.single .play-button{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.single .buy-links{margin-left:2em;display:inline-block}.single .buy-links ul{padding:0px;text-align:left}.single .buy-links ul li{display:inline-block;padding-right:1em}.single .buy-links ul li:last-of-type{padding-right:0px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.quotes{margin:auto;padding:2rem}.quotes .quote{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.quotes .quote .quote-text{flex:1}.quotes .quote.left img{margin-right:2em}.quotes .quote.left .quote-text p{text-align:left;font-style:italic;font-weight:300}.quotes .quote.left .quote-text p span{font-weight:600}.quotes .quote.right img{margin-left:2em}.quotes .quote.right .quote-text p{text-align:right;font-style:italic;font-weight:300}.quotes .quote.right .quote-text p span{font-weight:600}html{font-size:20px}body{font-family:'Titillium Web','Helvetica', sans-serif;letter-spacing:-1px}h1,h2,h3,h4{font-size:2rem;font-weight:300;margin:1rem 0rem}p{font-size:1rem;font-weight:600}a{text-decoration:none;color:#a1c057;font-weight:600}.header h1{margin-bottom:0px;font-weight:700;text-transform:uppercase;font-size:2.5rem}.header p{margin:0px;line-height:25px}.img-circle{border-radius:200px}.spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg)}}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){h1{font-size:1rem}.header{width:100%}.header h1{margin-top:0px}.header p{font-size:0.8rem}.read-more p{padding:0px !important}.read-more:after{display:none}.container{padding:0px 20px}.single{display:inline-block}.single .buy-links{margin-left:0px}.single .buy-links ul{text-align:center}.watch-single h3{font-size:1.3rem}.quotes{padding:2rem 0px}.quotes .quote{display:inline-block;text-align:center}.quotes .quote.left img,.quotes .quote.right img{margin:0px}.quotes .quote.left .quote-text p,.quotes .quote.right .quote-text p{text-align:center}.quotes .quote .quote-text{text-align:center}}