@media only screen and (max-width: 1475px) {

  .form-contact .form-control{
    margin-left: 10%;
  }

  .form-contact{
    margin-top: 10%;
    margin-left: 20%;
  }

}


@media only screen and (max-width: 1315px) {

    .img-principal{
        height: 100%;
        z-index: 1;
        position: fixed;
        margin-top: -5%;
        margin-left: 0%;
      }

    .col-50{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 497px;
        overflow-y: auto;
      
      }

    .text-container {

        position: absolute;
        z-index: 13;
        margin-left: 62%;
        margin-top: 170px;
        font-family: "TitliGothic";
        
      
      }

    .img-principal-home{

        height: 109%;
        margin-left: -15%;

      }

    .logo-home{
        height: 20%;
    }

    .img-50-home{
        z-index: 1;
    }


    /**responsive about*/

    .video-container {
      position: absolute;
      z-index: 4;
      margin-left: 8%;
      height: 67%;
      margin-top: 130px;
    }
    
    .video-height {
      height: auto;
      width: 77%;
    }

}

@media only screen and (max-width: 1045px) {

    .img-principal{
        height: 100%;
        z-index: 1;
        position: fixed;
        margin-top: -5%;
        margin-left: -17%;
      }

    .col-50{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 360px;
        overflow-y: auto;
      
      }

    .text-container {

        position: absolute;
        z-index: 13;
        margin-left: 56%;
        margin-top: 170px;
        font-family: "TitliGothic";
        
      
      }


    .vertical-menu-home{
        margin-top: 85%;
    }

    .img-principal-home{

        height: 109%;
        margin-left: -35%;

      }

     /**responsive about*/

    .video-container {

      margin-top: 272px;
    }
    
    .video-height {
      height: auto;
      width: 77%;
    }
}



@media only screen and (max-width: 900px) {

    .img-principal{
        height: 100%;
        z-index: 1;
        position: fixed;
        margin-top: -5%;
        margin-left: -25%;
      }

    .col-50{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 350px;
        overflow-y: auto;
      
      }

    .text-container {

      position: absolute;
      z-index: 13;
      margin-left: 59%;
      margin-top: 170px;
      font-family: "TitliGothic";
      
      
      }


    .logo-home{

      height: 15%;
    }


}


@media only screen and (max-width: 800px) {

    .img-principal{
        height: 100%;
        z-index: 1;
        position: fixed;
        margin-top: -5%;
        margin-left: -23%;
      }

    .col-50{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 340px;
        overflow-y: auto;
      
      }

    .text-container {

        position: absolute;
        z-index: 13;
        margin-left: 58%;
        margin-top: 170px;
        font-family: "TitliGothic";
        
      
      }

    .vertical-menu{
      margin-top: 200%;
    }

}


@media only screen and (max-height: 720px) {

    .img-principal{
        height: 100%;
        z-index: 1;
        position: fixed;
        margin-top: -5%;
        margin-left: -20%;
      }

    .col-50{
        width: 20%;
        height: 100%;
        float: left;
        margin-left: 240px;
        overflow-y: auto;
      
      }

    .text-container {

        position: absolute;
        z-index: 13;
        margin-left: 50%;
        margin-top: 100px;
        font-family: "TitliGothic";
        
      
      }

}