/*Comunes*/

  @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

  @font-face {
    font-family:"acoustica";
    src:url("fonts/acoustica/acoustica-south.woff2") format("woff2"),
        url("fonts/acoustica/acoustica-south.woff") format("woff"),
        url("fonts/acoustica/acoustica-south.otf") format("opentype");
    font-style:normal;font-weight:400;
}

  body{
    font-family: 'acoustica';
  }

  .title h1{
    font-size: 90px;
    letter-spacing: 4px;
  }

  .title h2{
    font-size: 80px;
    letter-spacing: 4px;
    margin-bottom: 26px;
  }

  #player {
      display: none;
  }
  .redesSociales {
      margin-top: 40px;
  }
  .redesSociales a {
      width: 40px;
      height: 40px;
      background: #fff;
      display: inline-block;
      border-radius: 100%;
      padding: 0.5em 0.6em;
      line-height: 30px;
      color: #000;
      -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
  }
  .redesSociales a:hover {
      background-color: #962d22;
      color: #fff;
  }
  .btn-play {
      width: 40px;
      height: 40px;
      background: #fff;
      display: inline-block;
      border-radius: 100%;
      padding: 0.5em .6em;
      color: #000;
      margin-top: 20px;
      line-height: 30px;
      -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
  }
  .btn-play:hover {
      color: #fff;
      background: #962d22;
  }
  .btn.btn-lg {
      font-size: 14px;
      padding: 17px 24px;
  }
  .btn.btn-danger {
      background-color: #fff;
      color: #000;
      margin-top: 60px;
      border-radius: 0;
      border: 0;
      box-shadow: none !important;
      border: 0;
      font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  }
  .btn.btn-danger:hover {
      background-color: #bbb9bb;
  }
  .cont-top {
      position: absolute;
      right: 50%;
      transform: translateX(50%);
      text-align: center;
  }
  .cont-bottom {
      position: absolute;
      /* border: 10px; */
      bottom: 10%;
      right: 50%;
      transform: translateX(50%);
      text-align: center;
  }
  .content .title img {
      margin: 40px 0 20px;
      width: 250px;
  }
  @media (max-height: 925px) {
      .cont-bottom {
          position: absolute;
          /* border: 10px; */
          bottom: 10px;
      }
      .btn.btn-danger {
          margin-top: 30px;
      }
      /*
      body, .content {
          overflow: visible !important;
      }
      
      div canvas {
          display: none;
      }
      */
      body, html {
          height: 100%;
      }

      .title h1{
        font-size: 50px;
      }
    
      .title h2{
        font-size: 65px;
      }

      .content .title{
        width: 100%;
      }

      .content .title img {
        width: 230px;
     }

  }
  @media (max-height: 733px) {
      body {
          margin-bottom: 80px !important;
          background: #00001C !important;
      }
      .cont-bottom {
          bottom: -70px;
      }
      .btn.btn-danger {
          margin-top: 30px;
          padding: 17px 10px;
      }
  }