html { height: 100%; }

body { min-height: 100%; display: flex; flex-direction: column; background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(../images/background-mountains_1920x1077.jpg); background-size: cover; background-attachment: fixed; }

.contact-page { display: flex; flex-direction: column; height: 100%; padding-top: 10vh; color: whitesmoke; }

h1 { text-align: center; padding-bottom: 1em; }

form { max-width: 800px; }

form div { margin: 20px; }

.newP { margin: 20px; text-align: center; padding-bottom: 1em; }

#button-send { width: 100%; cursor: pointer; font-family: "Merriweather", serif; }

.newButton { margin: 10px; width: initial !important; align-self: center; }

.display-none { display: none; }

.form-item { display: flex; flex-direction: column; }

.form-label { font-weight: 700; padding-bottom: 5px; }

.form-input { font-family: "Merriweather", serif; font-size: 1.2em; padding: 10px; }

.red { color: red; }

.form-input::placeholder { color: red; }

.form-input:focus { outline: solid; outline-color: #60b0f4; border: none; }

form button:focus { outline: solid; outline-color: #60b0f4; border: none; }

footer { margin-top: auto !important; }

@media only screen and (min-width: 640px) { form { align-self: center; width: 80%; margin-bottom: 7rem; } }

@media only screen and (min-width: 1200px) { form { width: 70%; } }

@media only screen and (min-width: 1600px) { form { width: 50%; } }
/*# sourceMappingURL=contact.min.css.map */