@import url(https://fonts.googleapis.com/css?family=Raleway);    

body { background: black; }
.hp_biglogo { width: 90%; max-width: 800px; }
#intro-homepage-holder { min-height: 600px; padding: 300px 0; }
.section-holder { position: relative; z-index: 3; background: rgba(17, 17, 17, 0.6); }
h1.header-title { text-align: center; font-family: 'Raleway', sans-serif; font-weight: 700; letter-spacing:50px; color: #fff; font-size: 11rem;  }   
h2.header-description { text-align: center; font-size: 20px; color: #95b2cc;  }
#music-screen { max-width: 600px; margin: 0 auto; }
.main-footer { min-height: 200px; }

@media only screen and (max-width: 1000px) {
    #para-template #slide-1 .hsContent #header-branding {
        /* padding-top: 25%; */
    }
}    
@media only screen and (max-width: 800px) {
    h1.header-title { font-size: 60px; letter-spacing: 10px; }
    #tubular-player { left: 0 !important; width: 200% !important; }
    #tubular-container { top: 0 !important; left: -20% !important; width: 120% !important; }
    #hp-music-holder { padding: 15px 15px; }

}
@media only screen and (max-width: 480px) {
    h2.header-description { font-size: 16px; }
    .main-footer { min-height: 70px; }
}
@media only screen and (max-width: 400px) {
    h1.header-title { font-size: 40px; letter-spacing: 10px;}
    h2.header-description { font-size: 15px; }
}