.app article {
  min-height: 90vh;
  display: grid;
  text-align: right;

  padding: 1em 6em 3em 6em;

  grid-template-columns: 100%;

  background-image: url(/assets/img/home_capacitacion_ajustado.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #e8e8e8;
}

.app .wrap-title h1 {
  margin: 1em 1em 0em 0em;
  padding: 0.5em;
  font-size: 2em;
  color: #011b55;
}

.app .wrap-notice .notice {
  width: 60%;
  margin: 1.5em 1em 1em 1em;
  padding: 0.8em;
  display: inline-block;

  color: #664d03;
  background-color: #fff3cd;
  border: 1px solid #ffecb5;
  border-radius: 0.5em;
}

@media (max-width: 1050px) {
  .app .wrap-title h1 {
    padding-right: 0px;
    text-align: center;
  }

  .app .wrap-notice {
    text-align: center;
    margin-bottom: 2em;
  }

  .app .wrap-notice .notice {
    width: 80%;
  }
}

@media (max-width: 950px) {
  .app article {
    height: auto;
    display: block;
    padding: 0em 1em;
    text-align: center;
  }

  .app .wrap-title h1 {
    padding-right: 0px;
  }

  .app.wrap-notice,
  .app.wrap-title {
    text-align: center;
    margin-bottom: 2em;
  }

  .app.wrap-notice .notice {
    width: auto;
  }
}