@media only screen and (max-width: 600px) {
  .title{
    font-size: 400%;
    margin-top: 0;
  }
  .m20{
    top:20px;
  }
  .m40{
    top:80px;
  }
  .m60{
    top:140px;
  }
  .negro{
    font-size: 100%;
    width:75%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: -25px;
  }
  .verticaltext{
    width:20%;
  }
  .maestria{
    font-size: 150%;
    width:75%;
    padding:0;
  }
  .sep{
    margin-left: 20%;
    width: 80%;
    font-size: 150%;
  }
  .revoe{
    font-size: 50%;
  }
  .titulo4{
    font-size: 400% !important;
    left:10px;
  }
  .texto2{
    margin-top: 300px;
  }
  .tw{
    width:100%;
  }
  .texto3{
    width:80%;
    margin-left: 10%;
  }
  .title5{
    font-size: 300%;
    margin-left: 20px;
  }
  .texto6{
    width:80%;
    margin-left: 10%;
    margin-top: 0px;
  }
  .t20{
    width:40%;
  }
  .title6, .title7{
    font-size: 200%;
    left: 20px !important;
  }
  .w30{
    width:80%;
    margin-left: 10%;
  }
  .texto7{
    width:80%;
    margin-left: 10%;
    margin-top: 0px;
  }
  .texto8, .texto9{
    width:80%;
    margin-left: 10%;
    padding: 0;
    border:0;
  }
  .title8{
    font-size: 200%;
    margin-left: 20px;
  }
  .t50{
    width:100%;
  }
  .texto14{
    font-size: 80% !important;
  }
  .texto11{
    width: 85%;
    margin-left: 7%;
  }
}