body{ width: 100%; height: 100%; margin: 0px; padding: 0px;color: #ffffff; font-family: sans-serif; }
  		a{ color: inherit; }
  		.vid_overlay{ width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }
  		.video_back{ position: absolute; top:0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
  		#player{ position: relative;display: block; margin: 0px; padding: 0px; }
  		.page_content{     text-rendering: optimizeLegibility; width: 100%; text-align: center; position: absolute; height: 100%;  }
  		.v_align{    position: absolute;


    position: relative;
    top: 30%;
    box-sizing: border-box;
    -webkit-transform: translatey(-30%);
    -moz-transform: translatey(-30%);
    -ms-transform: translatey(-30%);
    transform: translatey(-30%);
    font-family:'Futura PT W01 Medium';
}

.trans_btn_s{ background: transparent; color: #ffffff; font-family:'Montserrat';  font-size: 14px; line-height: 22px;  text-transform: uppercase;  padding: 6px 10px 6px 10px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; box-sizing: border-box; margin: 5px;
border-radius: 0px; display: inline-block; position: relative; border: 2px solid #ffffff;box-sizing: border-box;}
.trans_btn_s i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.trans_btn_s span{ display: inline-block; vertical-align: middle; position: relative; }
.trans_btn_s:hover{ color: #000000; background: #ffffff; }

.top{width: 100%; text-align: center; position: absolute; top:20px; left: 0px;}
.top h1{ margin-top: 0px; padding: 0px; }
.bottom{ width: 100%; text-align: center; position: absolute; bottom: 15px; left: 0px; }
.v_align_content{ width: 95%; margin: 0px auto 0px auto; max-width: 880px; position: relative; }
.main_ttl{ font-size: 89px; line-height: 92px; text-transform: uppercase; max-width: 200px; margin: 0px auto; position: relative; }
.main_sttl{ font-size: 30px; line-height: 35px; font-family:'Montserrat'; color: #ffffff; margin-top: 10px; }
.top{font-family:'Futura PT W01 Medium';}
.top h1{ font-size: 30px; line-height: 34px; letter-spacing: 1px }
.socials{ color: #ffffff }
.socials a{ color: #ffffff; font-size: 24px; line-height: 25px; margin: 8px; display: inline-block; }
.main_action{ margin: 10px 0px 0px 0px; }

.spotify_player{ width: 95%; margin: 10px auto 0px auto; max-width: 450px; position: relative; box-sizing: border-box; border:1px solid #ffffff; box-sizing: content-box; overflow: hidden;}
.spotify_player iframe{ width: 100%; display: block; position: relative;  }
.copy{ font-size: 14px; line-height: 17px; margin-top: 10px; color: #ffffff; font-size: 30px; line-height: 35px; font-family:'Montserrat'; }

.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}

.fluidh .v_align{    position: absolute;


    position: relative;
    top: 0%;
    box-sizing: border-box;
    -webkit-transform: translatey(0%);
    -moz-transform: translatey(0%);
    -ms-transform: translatey(0%);
    transform: translatey(0%);
    font-family:'Futura PT W01 Medium';
    margin-top: 30px;
}
.fluidh .bottom{ position: relative; margin-top: 40px; bottom: 0px; }


@media handheld, only screen and (max-width: 880px) {
.main_ttl{ font-size: 60px; line-height: 65px; }
.main_sttl{ font-size: 20px; line-height: 25px; }

.v_align{    position: absolute;


    position: relative;
    top: 0%;
    box-sizing: border-box;
    -webkit-transform: translatey(0%);
    -moz-transform: translatey(0%);
    -ms-transform: translatey(0%);
    transform: translatey(0%);
    font-family:'Futura PT W01 Medium';
    margin-top: 30px;
}
.bottom{ position: relative; margin-top: 40px; bottom: 0px; }



}



@media handheld, only screen and (max-width: 580px) {
.main_ttl{ font-size: 50px; line-height: 55px; }
.main_sttl{ font-size: 18px; line-height: 22px; }
}

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

.bottom{bottom: 14px;}
.top{ top:15px; }
}