.messages {
    z-index: 300;
    position: fixed;
    left: 50%;
    flex: none;
}

.messages .message-body {
    position: relative;
    left: -50%;
    width: 400px;
    margin: 0 auto;
    padding: 15px 25px;
    font-family: 'corpidot-light', sans-serif;
    font-size: .4rem;
}

.messages .message-text {
    color: #FFF;
}

.messages .error-body {
    background-color: #D9534F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}

.messages .error-text {
    text-shadow: 1px 2px 1px #A1312D;
}

.messages .warning-body {
	background-color: #EC971F;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}

.messages .warning-text {
    text-shadow: 1px 2px 1px #BA7718;
}

.messages .success-body {
	background-color: #449D44;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}

.messages .success-text {
    text-shadow: 1px 2px 1px #295E29;
}

.messages .info-body {
	background-color: #31B0D5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}

.messages .info-text {
    text-shadow: 1px 2px 1px #2687A3;
}