.left {

  float: left;
  width: 31%;
}

.right {
  float: right;
  width: 69%;
  background-color: aliceblue;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1300px) {
.left {
width: 100%;
position: static;

}
}

@media (max-width: 1300px) {
.right {
width: 100%;
position: static;
}
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}



@media (max-width: 1300px) {
  .wrapper {
    display:none;
  }
}


@media (max-width: 1300px) {
  #tienintro {
    font-size:19px!important
  }
}


@media (max-width: 1300px) {
  #input {
    font-size:16px!important
  }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
   
}