html, body {
   background: #000;
   color:#FFF;
   font-family: 'Open Sans', sans-serif;
}
h1 {
   font-family: 'Mansalva', cursive;
   color: #e3bb93;
}
ul {
   margin-top: 20px;
   padding: 0;
}
ul li {
   list-style: none;
   font-style: italic;
}
.container {
   display: flex;
   flex-direction: column;
   align-items: center;
}
section {
   display: flex;
}
.form {
   min-height: 650px;
   color: #DDD;
}
span {
   color: #4CAF50;
   font-family: 'Mansalva', cursive;
}
.form-visu {
   height: 600px;
   width: 650px;
}
.form-visu img {
   width: inherit;
}
header img, footer img {
   max-width: 700px;
}
footer img {
   max-width: 350px;
}
footer {
   text-align: center;
}
input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .form-visu {
    display:none;
  }
}