body {
    background-image: url("../assets/contact.jpg") !important;
}

h1 {
    text-align: center;
}

label {
    font-size:150%;
}


input {
    margin-top: 2%;
    color: black;
    background: transparent;
    outline: 3px black solid;
    font-size: 90%;
    border: none;
    resize: none;
    width: 30%;
}

textarea {
    margin-top: 2%;
    color: black;
    background: transparent;
    outline: 3px black solid;
    font-size: 90%;
    border: none;
    resize: none;
    width: 50%;
}   

form {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

button {
    background-color: black;
    color: white;
    border: yellow solid 2px;
    width: 10%;
}

button:hover {
    background-color: grey;
    color: white;
    border: black solid 2px;
    width: 10%;
}

#langs label,#mobilelang, #togglebutton, header .current {
    color: black !important;
}

.headerlink:hover {
    color: black;
}


@media (max-width:  800px) {
    input {
        width: 90%;
    }
    textarea {
        width: 90%;
    }
    body {
        background-image: url("../assets/contact.jpg") !important;
        background-size: cover;
    }
    button {
        width: 30%;
    }
}