#modal.show,
form.show,
#message.show,
.message.show {
  display: block;
  animation: fadeIn 1s;
  top:80px;
  overflow:hidden;
}

#modal.hide,
form.hide,
#message.hide
.message.hide {
  display: none;
  animation: fadeOut 1s;
  top:-40px;
}



@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

@keyframes fadeOut {
    from {opacity: 1;}
    to {opacity:0 ;}
}

#message {
    transition: all 0.3s ease;
    margin:0px;
    display: block;
    color:white;
    visibility: visible;
    animation: fadeOut 2s;
    visibility: hidden;
    position: fixed;
    z-index: 1;
    top:-40px;
    box-shadow: 1px 1px 5px black;
    padding:10px;
}

#message p
#message_box p {
    display: block;
    text-align: center;
}

#message p.success
#message_box .success {
    background:green;
}

#message p.fail
.message.fail {
    background:red;
}

@media only screen and (max-width: 800px){
	#header .parallax {
		display: none;
	}
}