@charset "UTF-8";
@import url("reset.css");

body {padding-bottom:40px;}
.container {display:block; padding-left: 3vw;padding-right:3vw; margin-bottom:3vw;}
a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline; transition: .2s;}
.logo h1 {font-family: atten-new, sans-serif;
font-weight: 700;
    font-style: normal;
    font-size: 5vw;
    line-height: .9em;
    width:17vw;
    border: 4px solid #000; padding:3vw; text-transform: uppercase;
margin-left: 34vw;
}
.logo h1 span.line {display: block;}

#BTSlogo {width:15vw; display: block; margin-left:7.5vw; margin-top:1em;}

#contact li {display: inline-block; font-size:5vw; margin-left:5vw;}

#contact li:nth-child(1) {margin-left:0vw;}

h2 {font-size:8vw; font-family: arno, serif;

font-weight: 400;

font-style: normal;line-height: 2em; text-align: center;}

h3, h4 {font-family: atten-new, sans-serif; font-weight:700; }

h3{font-size:6vw; text-transform:uppercase;line-height:2em;margin-top:.5em; text-align: center;}
h4 {font-size: 4vw;margin-bottom:2vw;}

.content {text-align: center; font-family: arno, serif;

font-weight: 400;

font-style: normal;}

#BTS-news div.campaign {margin-bottom: 1em;font-size:1.2em; line-height: 1em;}

.display_archive {border-bottom:1px solid #ccc; margin-bottom: .75em}

.content p {font-size:3vw;line-height:1.2em; text-align: center;}
.musiccard {display:block; float: left; width:28vw; margin-left:3vw; font-size:1.2em; margin-bottom:50px;}
.musiccard p {font-size:1.2em;}

@media screen and (max-width : 600px ){
    .musiccard {width: 80vw; margin-top:20px;margin-bottom:30px; }
    .container {margin-left:3.5vw; margin-right:3.5vw}
    #BTSlogo {width:30vw; display: block; margin-left:25vw; margin-top:1em;}    
    h3 {margin-top:1.5em; font-size:1.6em;}
    h4 {font-size:1.2em;}
    .content p {font-size:4vw;}
    #BTS-news div.campaign {margin-bottom: .75em;font-size:.9em; line-height: 1.5em;}
    .logo h1 {margin-left:32vw;}
}