/* Fonts */
@font-face { font-family: 'berthold_akzidenz_grotesk_bMd'; src: url('../fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff2') format('woff2'),  url('../fonts/berthold_akzidenz_grotesk_be_medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
/* General */

body { background: #ffffff; color: #000; font-size: 36px; font-family: 'berthold_akzidenz_grotesk_bMd', serif; padding: 40px 0 0 0; }
a { color: #000; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover, a:focus { color: #ee276d; outline: 0; text-decoration: none; }
svg { fill: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
svg:hover, svg:focus { fill: #ee276d; outline: 0; text-decoration: none; }

::-moz-selection {
 color: #fff;
 background: #466299;
}
::selection { color: #fff; background: #466299; }
.media-left, .media>.pull-left { padding-right: 40px; }
/*content*/

header { padding-top: 30px;/**/ }
header > h1 { text-transform: uppercase; font-size: 100%; margin: 0; }
header > h1:after, header > ol:after, #video:after { content: ''; background: #000; height: 5px; width: 20px; display: block;  }
header > h1:after{ margin: 20px 0;}
header > ol:after { margin:8px 0 0 0;  }
header > h2 { font-size: 90%; margin: 0; font-weight:initial; }
header > h2:after { content: ''; background: #000; width: 4px; height: 25px; display: block; }
header > p:after { content: ''; background: #000; width: 3px; height: 70px; display: block; }
header > ol{ padding: 0; margin: 5px 0 0 0; list-style-position: inside; font-size:17px; }
/*buy btns*/

.buy-btns { margin: -20px 0 27px -13px; }
.buy-btns a { position: relative; display: inline-block; margin: 0 7px; width: 80px; height: 40px; overflow: hidden; vertical-align: middle; }
.buy-btns svg { width: 90px; line-height: 1; height: 35px; position: relative; vertical-align:top; }
.buy-btns .itunes svg { width: 77px; }
.buy-btns .apple { width: 100px; }
.buy-btns .apple svg { top: 2px; }
.buy-btns .amazon { top: 15px; width: 70px; vertical-align:baseline;  }
.amazon-custom-btn { width: 60px; height: 36px; display: inline-block; background: url(../img/amazonmusic.png) 0 0 no-repeat; background-size: 100% auto; position: relative; }
.amazon-custom-btn:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: url(../img/amazonmusic.png) 0 -37px no-repeat #fff; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-size: 100% auto; }
.amazon-custom-btn:focus .amazon-custom-btn:after, .amazon-custom-btn:hover.amazon-custom-btn:after { opacity: 1; }
.buy-btns .google-play { width: 112px; height: 38px; top: 0; vertical-align:baseline; }
.buy-btns .google-play svg { width: 112px; height: 50px; }
.buy-btns .google-play:before { width: 50%; }
.buy-btns .spotify { width: 93px; height: 38px; }
.buy-btns .spotify svg { width: 100px; height: 29px; top: 3px; }

/*Newsletter*/
#newsletter-signup{/*display:table; margin:auto;*/ }
#newsletter-signup .legal { display:block; font-size:12px; margin-bottom:20px; }
#newsletter-signup  .legal a{font-size:12px; }
 .newsletter-title { font-size: 20px; text-transform: uppercase; }

form { line-height: 1; }
.form-control { display: inline-block; width: 300px; max-width: 100%; vertical-align: middle; border-radius: 0; border-color: #000; border-width: 2px; padding: 5px 15px; height: auto; font-size: 18px; color: #000; }
.form-control:focus { border-color: #466299; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 98, 153, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 98, 153, 0.6); }
select.placeholder { color: #999; }
select > option { color: #000; }
.btn-default { padding: 5px 25px; height: auto; background: #466299; color: #fff; text-transform: uppercase; border-radius: 0; font-size: 18px; border-width: 2px; border-color: #466299; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn-default:active, .btn-default:active:focus, .btn-default:focus, .btn-default:hover { background: #000; border-width: 2px; border-color: #000; color: #fff; outline: none; }

/*Socials*/
.social-icons { line-height: 0; }
.social-icons a { margin: 0 6px; font-size: 24px; }

/*Video*/
#video iframe{ display:block; margin: 25px auto; width:900px; height:506px; }


/* Responsive */
@media (min-width: 1500px) {
.container { width: 1360px; }
}

@media (max-width: 1499px) {
header { padding-top: 30px; }
.buy-btns .apple { width: 90px; }
.promo { width: 560px; }
}

@media (max-width: 1199px) and (min-width: 992px) {
body { font-size: 30px; }
header { padding-top: 0; }
header > h2,  header > h1 { margin: 0; }
header > h2:after,  header > h1:after { margin: 10px 0; }
header > p:after { height: 40px; width: 2px; }
.buy-btns { margin: 0px 0 50px -70px; text-align: center; }
.buy-btns a { margin: 0px 20px; width: 100px!important; }
.buy-btns .google-play svg { width: 102px; }
.buy-btns .spotify { height: 38px; top: 4px; }
.social-icons a { margin: 0 6px; font-size: 20px; }
.promo { width: 700px; }
}

@media (max-width: 991px) {
.promo { width: auto; max-width: 100%; }
.media-left, .media-right, .media-body { display: block; padding: 0; }
#video iframe{ width:750px; height:422px;}
}

@media (max-width: 767px) {
body { font-size: 30px; }
.buy-btns { margin: 0 0 20px 0; }
.buy-btns a { margin: 10px 0; width: 90px; position: static; vertical-align: middle; text-align: center; }
.buy-btns .amazon { top: 0; margin-top: 15px; width: 70px; vertical-align:top; }
.buy-btns .google-play{ vertical-align: middle; }
.buy-btns .google-play svg { width: 102px; height: 30px; }
.btn-default { margin-top: 15px; margin-bottom: 30px; }
.social-icons { text-align: center; }
#formcomplete .newsletter-title { font-size: 15px; text-transform: uppercase; margin-bottom: 10px; display: inline-block; }
#video iframe{ width:100%; height:300px;}
}