img#imgRight {
      position: absolute;
      width: 300px !important;
      height: 25px !important;
      margin-top: -25%;
      margin-right: -70%;
    }
    img#imgLeft {
      position: absolute;
      width: 300px !important;
      height: 25px !important;
      margin-top: 45%;
      margin-right: 70%;
    }

    img#logoIntro {
      margin-top: 300px;
    }

    section#video {
      padding: 0 0 0 0 !important;
    }

    section#hero {
      padding: 50px 0 10px 0 !important;
    }

    #hero .container {
      padding-top: 15px !important;
    }

    video {
      width: 70%;
    }

    #divVideo {
      width: 100%;
      background-image: url('../img/marco.jpg');
      background-repeat: no-repeat;
      background-position: center;
    }

   @media only screen and (max-width: 667px) {
    img.fon2 {
      float: right;
      max-width: 100%;
      margin-right: 0;
      margin-top: 0;
      width: 100%;
    }

    #steps{
      background-image: none;
      margin-top: 0;
      margin-right: 0; 
    }

    img#logoIntro {
      margin-top: 100px;
    }

    img#imgLeft {
      margin-top: 65%;
    }

    #divVideo {
      background-size: 100%;
    }

    #hero .container {
      padding-top: 5px !important;
    }

}