.alert {
  position: fixed;
  left: 50%;
  top: 2px;
  width: 450px;
  margin: 0 0 0 -125px;
  z-index: 2000;
  border-radius: 10px; }
  .alert .message {
    float: left;
    width: 345px; }
    .alert .message .list {
      margin: 0 0 0 15px;
      padding: 0;
      list-style: disc; }
  .alert .close {
    top: -1px;
    right: -7px; }

.alert-success {
  color: #444;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 15px;
  border: none;
  border-left: 5px solid #3cca3c;
  border-radius: 4px !important;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 3px rgba(0, 0, 0, 0.07); }
  .alert-success .close {
    top: -1px;
    right: -7px; }
  .alert-success .fa-check-circle {
    float: left;
    margin: 0px 13px 0 0;
    color: #3cca3c;
    font-size: 19px; }

.alert-danger, .alert-error {
  color: #444;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 15px;
  border: none;
  border-left: 5px solid #ff4700;
  border-radius: 4px !important;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 -2px 3px rgba(0, 0, 0, 0.04); }
  .alert-danger .ul, .alert-error .ul {
    margin: 0 0 0 15px;
    padding: 0; }
  .alert-danger .li, .alert-error .li {
    font-size: 13px;
    margin: 0;
    padding: 0;
    list-style: disc; }
  .alert-danger .close, .alert-error .close {
    opacity: 0.4; }
  .alert-danger .fa-exclamation-circle, .alert-error .fa-exclamation-circle {
    float: left;
    margin: 0px 13px 0 0;
    color: #ff4700;
    font-size: 19px; }

.alert-info {
  text-align: left; }

.alert-warning {
  text-align: left; }

.alert-danger {
  text-align: left; }

.alert {
  margin: 0 0 0 -200px; }

@media (min-width: 1280px) {
  .homepage-hero-header {
    font-size: 2.85rem; } }