.notifications {
  position: fixed;
  z-index: 9999;
}

/* Positioning */ 
.notifications.top-right {
  right: 10px;
  top: 10px;
}

.notifications.top-left {
  left: 10px;
  top: 10px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 10px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 10px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  margin: 5px 0px;
}

.notifications .alert {
   width:180px;
   font-size:0.7em; 
   font-weight:bold;
}

@media(min-width:768px){ .notifications .alert { font-size:0.8em; width:210px; } }
@media(min-width:992px){ .notifications .alert { font-size:0.9em; width:250px;  }
@media(min-width:1200px){ .notifications .alert { font-size:1.1em; width:300px;  } }