/* animates rules */
@media (min-width: 576px) {
  .container {}
}

@media (min-width: 768px) {

  /* Region content bottom  */
  .region-urgente .block, .region-urgente-dos .block, .region-urgente-tres .block {
    background-color: #d4d4d4;
    padding: 15px;
    margin: 15px;
    width: 96%;
    text-align: center;
    border: 0 solid black;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
  }

  .region-urgente .block:hover, .region-urgente-dos .block:hover, .region-urgente-tres .block:hover {
    padding: 15px;
    background-color: #AD310B;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    /* movimiento */
    animation-direction: alternate;
    transform: translate(0, -30px);
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
  }
}

/* Region content bottom  */
.region-content-bottom .block {
  color: black;
  background-color: #f2f4ff;
  padding: 15px;
  margin: 15px;
  width: 96%;
  text-align: center;
  border: 0 solid black;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.region-content-bottom h3 {
  color: black;
}

.region-content-bottom h3:hover {
  color: white;
}

.region-content-bottom .block a {

}

.region-content-bottom .block a:hover {
  color: yellow;
}

.region-content-bottom .block:hover {
  color: white;
  padding: 15px;
  background-color: #AD310B;
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  /* movimiento */
  animation-direction: alternate;
  transform: translate(0, -30px);
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
}
}
}

@media (min-width: 1170px) {
  .container {}
}

.element-invisible {

display:none;

}