.nara_alert_msg .alert{
  margin:1rem 0rem;  
  position:relative;
  padding: 0 0;
}
.alert:after{
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}

.nara_alert_msg .alert-danger .nara-user-alert-message{
  background-color: #f2dede;
  border-color: #ebccd1;
  background-image: url(../img/error.svg);  
}
.nara_alert_msg .alert-danger:after{
  background-color: #e31c3d;
}
.nara_alert_msg .alert-warning .nara-user-alert-message{
  background-color: #fcf8e3;
  border-color: #faebcc;
  background-image: url(../img/warning.svg);  
}

.nara_alert_msg .alert-warning:after{
  background-color: #fdb81e;
}

.nara_alert_msg .alert-info .nara-user-alert-message{
  background-color: #d9edf7;
  border-color: #bce8f1;
  background-image: url(../img/info.svg);  
}

.nara_alert_msg .alert-info:after{  
  background-color: #2e8540;
}
.nara_alert_msg .nara-user-alert-message{
  padding: .5rem .1rem .5rem 4rem;
  border: 1px solid transparent;
  border-radius: 4px;  
  
  background-position: 1rem 1.5rem ;
  background-repeat: no-repeat;
  background-size: 3.2rem;
  color:black;
  
}

.nara_alert_msg .nara-user-alert-message h3{
  font-size:2.3rem;
  color:black;
  margin-top:1rem;
  
}

@media screen and (min-width: 400px) {
  .nara_alert_msg .nara-user-alert-message{
    padding: .5rem .1rem .5rem 7rem;
    background-position: 1rem 1rem ;
    background-size: 5.2rem;
  }
}