/* You can add global styles to this file, and also import other style files */
@media (min-width: 1024px) {

  .wrapper {
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
  }

  .header {
     padding: 10px;
     .logo {
       img { display: block; height: 50px; }
     }
    .title {
       padding: 20px;
       font-size: 30px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
  }

  .video {
     width: 972px;
    margin: 20px auto;
    border: 2px solid #222222;
    background-color: #111111;
    position: relative;
  }

  .content {
    width: 980px;
    margin: 0 auto 50px;
    border: 2px solid #F8F8F8;
    padding: 30px;
    font-size: 14px;
    box-sizing: border-box;
    .title {
      padding: 15px 0;
       font-size: 30px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
    .sub-title {
      padding: 15px 0;
       font-size: 20px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
  }

  .footer {
      width: 1000px;
      margin: 0px auto;
      color: #ffF;
      font-size: 14px;
      text-align: center;
     p { margin-bottom: 0.5em; }
  }


}

@media (max-width: 1024px) {
      .wrapper {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
  }

  .header {
     padding: 10px;
     .logo {
       img { display: block; height: 50px; }
     }
    .title {
       padding: 10px;
       font-size: 15px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
  }

  .video {
     width: 100%;
    background-color: #111111;
    position: relative;
  }

  .content {
    width: 100%;
    margin: 0 auto 50px;
    border: 1px solid #d1c7c7;
    padding: 10px 20px;
    font-size: 14px;
    box-sizing: border-box;
    .title {
      padding: 15px 0;
       font-size: 15px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
    .sub-title {
      padding: 15px 0;
       font-size: 14px;
       color: #fff;
       line-height: 1.4em;
      font-weight: bold;
    }
  }

  .footer {
      width: 100%;
      margin: 0px auto;
      color: #ffF;
      font-size: 12px;
      text-align: center;
     p { margin-bottom: 0.5em; }
  }
}