html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
/*        padding-top: 40px;*/
/*        padding-bottom: 40px;*/
}

/* Estilo personalizado para el margen negativo en pantallas medianas */
@media (min-width: 300px) and (max-width: 991.98px) {
  .margin-top-md-negative-200 {
    margin-top:15%; /* Ejemplo de margen negativo */
/*    margin-left: -20;*/
/*    margin-right: -40;*/
  }
}