.alert {padding: 20px;background-color: #f44336;color: white;opacity: 1;
    transition: opacity 0.6s;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;-o-transition: opacity 0.6s; margin: 15px auto;z-index: 9999;
}

.alert-notify {padding: 20px;position: fixed;top: 70px;left: 56px; right: 56px;color: #fff;background-color: #f44336;
	opacity: 1;transition: opacity 0.6s;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;-o-transition: opacity 0.6s; margin: 15px auto;z-index: 9999;
	box-shadow: 0 3px 16px rgba(0,10,20,0.2); animation: introEffect 150ms ease forwards;}

.alert.success,
.alert-notify.success {background-color: #4CAF50;}
.alert.info,
.alert-notify.info {background-color: #2196F3;}
.alert.warning,
.alert-notify.warning {background-color: #ff9800;}

.alert strong, .alert-notify strong { font-weight: 700; font-family: 'Century Gothic';}

.closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 34px;line-height: 20px;
    cursor: pointer;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;
    -ms-transition: 0.3s;-o-transition: 0.3s;}

.closebtn:hover {color: #444;}

@keyframes introEffect {
	0% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@media (min-width: 520px){
	.alert-notify {left: auto; right: 56px;}
}