*{
  font-family:Arial;
}
h1{
  font-size:26px;
  font-weight:bold;
  text-align:center;
  color:#000;
}
h2{
  font-size:22px;
  font-weight:bold;
  text-align:center;
  color:#008;
}
h3{
  text-align:center;
  color:#D60;
}
h4{
  font-size:20px;
  text-align:center;
  color:#D60;
}
li{
  text-indent:-20px;
  padding-left:40px;
  padding-bottom:1.4em;
  padding-right:20px;
  text-align:left;
}
.boton{
  background-color:rgb(20,64,133);
  color:#fff;
  font-size:20px;
  width:250px;
  height:50px;
  border-width:5px;
  border-radius:10px;
}
.cuadri{
  border-style:none;
  border-bottom:solid;
  width:250px;
  font-size:1.3em;
  height:30px;
  color:#222;
}
.dive{
  width:340px;
  background-color:#fff;
  padding:5 5 5 5;
  border:none;
}
.imagen{
  width:95%;
  margin:3px;
}
.parrafo{
  padding-top:20px;
  padding-bottom:20px;
  line-height:1.5em;
  text-align:justify;
}
.pegao{
  position:sticky;
  top:0px;
  background-color:#fff;
  width:100%;
  z-index:100;
}
.planes{
  position:relative;
  width:250px;
  background-color:#eee;
  padding:15px;
  border:1px solid;
}
.vidio{
  width:100%;
}
.vody{
  background-color:rgb(20,64,133); 
  font-size:18px;
  color:#333;
  text-align:left;
}

@media (min-width:780px){
  h1{
    font-size:1.6em;
  }
  h2{
    font-size:1.4em;
  }
  .dive{
    width:80%;
    padding:50px;
  }
  .imagen{
    width:500px;
    margin:10px;
  }
  .planes{
    display:table-cell;
  }
  .vidio{
    width:90%;
  }
  .vody{
    font-size:1.2em;
  }
}