.modal{display:block;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;display:flex;flex-direction:column;margin:auto;padding:20px;border:1px solid #888;width:80%;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}.modal-content .message-error{color:#ff1821}.modal-content .message-success{color:#00a08e}.modal-content form{display:inline-flex;flex-direction:column}.modal-content form input{color:#333;background-color:#fff;border:1px solid #00a08e;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;box-shadow:none;margin-bottom:15px}.modal-content form input:focus{outline:0}.modal-content form button{text-transform:uppercase;border:1px solid #00a08e}.modal-content form button:focus{background-color:#00a08e;color:#fff}@media screen and (min-width:768px){.modal-content{padding:20px 10%}}@media screen and (min-width:1024px){.modal-content{width:60%;padding:30px 10%}}