/* TING TINGS STYLES TEMP WEBSITE 2016 */

html body  {background-color:#020300; font-family: PT sans, sans-serif; text-transform:uppercase; letter-spacing:.06em; width:100%; height:100%;}


.bg {
    /* The image used */
    background-image: url("../img/art-bg-master.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}


.container.main {padding-top:3%; text-align:center; width:100%;}
.container.main img {margin:0 auto;}
.list-container ul {margin:10% auto; padding:0; display:inline-block;}
.list-container li {text-align:center; list-style-type:none; padding-right:2em; float:left;}
.container.main .list-container li a {color:#fff; font-size:1.1em;}
.list-container ul li:last-child {padding-right:0;}
h1 , h2{color:#fff;}
h1 {font-size:4em;}
h2 {font-size:2em; padding-top:50px;}
h3 {font-size:1.5em; color:#fff;}
p {font-size:.8em;}
p.get-music {font-size:1.6em; margin-bottom:30px;}
.container.main a {color:#564efe;}
.container.main img {border:1px solid #fff; margin:12px 0 24px;}
.container.main  .video-box {margin-top:24px;}
.container.main  .video-box iframe {border:1px solid #fff;}
em {font-size:.45em; font-style:normal; vertical-align:top; line-height:2.4em;}


/* responsive */

@media screen and (max-width:1200px) {

}


@media screen and (max-width:980px) {

}


@media screen and (max-width:768px) {

}

@media screen and (max-width:600px) {

.list-container ul li{float:none; padding:0;}
}

@media screen and (max-width:400px) {


}