@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Dosis:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i);
body, html{height:100%;margin:0;font-family:Dosis;color:#fff;letter-spacing:0;}
#main{position: relative;min-height:100%;}
#main:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/xl/s2s.jpg"); 
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
  background-attachment:fixed;
  background-size:cover;
  background-position:center;
}
.container{position:relative;margin:0 auto;padding:0;min-height:100%;}
.header{position:relative;margin:0 auto;text-align:center;font-weight:600;font-size:50px;letter-spacing:2px;line-height:.85em;padding:40px 0 0 0;text-shadow: 1px 1px #000;text-transform:uppercase;}
.sub-title{position:relative;font-weight:600;font-size:20px;letter-spacing:2px;text-align:center;padding:5px 0 0 0;text-transform:uppercase;}
.content-wrap{position:relative;text-align:center;margin:0 auto;padding:0;}
.content{position:relative;font-weight:400;font-size:15px;text-align:center;margin-top:10px;padding:0 25px;}
.frame{width:854px;height:480px;margin:0 auto;box-shadow:0px 0px 8px 2px #ccc;}
iframe{width:854px;height:480px;border:1px solid transparent;}

hr.divider{margin-top:20px;margin-bottom:20px;border-bottom:0;width:169px;color:#fff;}
.copyright{font-size:14px;line-height:1.4em;letter-spacing:2px;text-align:center;margin-top:0px;padding:10px 25px 40px 25px;font-weight:500;}

@media screen and (max-width: 750px) {
.frame{width:360px;height:174px;margin:0 auto;}
iframe{position:relative;margin:0 auto;text-align:center;width:360px;height:174px;padding:0;}
.header{font-weight:700;font-size:40px;letter-spacing:2px;padding:30px 0 0 0;}
}