#music h1#ttl{background: url(../img/music.svg) no-repeat 4% bottom; background-size:19%;}

#music h2{font-weight:600; font-size:300%; margin:0 auto; text-align:center; color:#c51720; position: relative; padding:0 0;}
#music h2 span{font-size:60%;}
#music h2 + p{text-align:center; font-weight:600 !important; font-size:160%; line-height:160% !important;} 
#music h3{font-size:400%; margin:.8em auto 0; text-align:center; color:#c51720; position: relative;
font-family: azote, serif;
font-weight: 400;
font-style: normal;}
.artist{width:750px; height:600px; background: url(../img/artist.jpg) repeat 0 0; background-size:cover; margin:1.5em auto;}
.jacket{width:500px; height:500px; background: url(../img/jacket.jpg) repeat 0 0; background-size:cover; margin:1.5em auto;}
.streaming span{position: relative; font-weight:600; font-size:110%; padding:0 0 0 40px; margin:0 0 .2em; display:inline-block;}
.streaming span::before{
content: "";
width:30px;
height:1px;
background-color:#172c66;
position: absolute;
left:0;
top:50%;
z-index:1;
}
#music .comment{padding:.8em 1.2em; margin:1.5em 0; border:2px dotted #c51720; border-radius:20px;}
#music .comment h4{padding:.3em .3em .3em; font-size:120%; font-weight:600; line-height:140%; color:#c51720;}
#music .comment p{padding:.5em;}

.sidebdr {
width:50%;
margin:0 auto;
display: flex;
align-items: center;
}
.sidebdr:before,
.sidebdr:after {
border-top:4px double;
content: "";
flex-grow: 1;
}
.sidebdr:before {
margin-right:3rem;
}
.sidebdr:after {
margin-left:3rem;
}

@media all and (min-width: 768px) {
}

@media all and (max-width: 767px) {
#music h1#ttl{
background-position:5% bottom;
background-size:26%;
}
#music h2{font-size:6.5vw; padding:2% 0 0; line-height:100% !important;}
#music h2 span{font-size:3.7vw;}
#music h2 + p{font-size:4vw; padding:2% 0 0 !important;}
#music h3{font-size:11.5vw; margin:5% auto 0;} 
.artist{width:95%; height:0; margin:3%  auto 1%; padding:75.971% 0 0;}
.jacket{width:75%; height:0; margin:3%  auto 8% !important; padding:75% 0 0;}
.streaming span{padding:0 0 0 8vw; margin:0 0 1%;}
.streaming span::before{width:6.5vw;}
#music .comment{width:94%; margin:.8em auto 1em; padding:2.5%;}
#music .comment p{padding:0 .5em .5em !important; font-size:95%;}
.sidebdr {width:70%;}
.sidebdr:before {
margin-right:5%;
}
.sidebdr:after {
margin-left:5%;
}
}