.error {
  text-align: center;
  border: 1px solid red;
  margin: 10px 50px 50px 50px;
  padding: 10px 50px;
  background-color: #ffd9d9;
  font-weight: bold;
}

@media (min-width: 768px) {
  .error {
    margin-left: 25%;
    margin-right: 25%;
  }
}

@media (min-width: 990px) {
  .error {
    margin-left: 25%;
    margin-right: 25%;
  }
}

@media (min-width: 1200px) {
  .error {
    margin-left: 25%;
    margin-right: 25%;
  }
}

.error a:link, .error a:visited {
  color: #aa4400;
  text-decoration: none;
}

.error a:hover, .error a:focus {
  text-decoration: underline;
}