#contact {
    border-color: white!important;
    border: solid 1px;
    border-radius: 0;
    padding: 1em 3.5em;
    background: rgb(162, 175, 125)!important;
    text-transform: uppercase;
    color: white;
    width: 24%;
    position:absolute;
    z-index:10;
    margin-top:-200px;
    margin-left:38%;
}

#contact:hover {
    border-color:white!important;
    border: solid 1px;
    border-radius: 0;
    padding: 1em 3.5em;
    background: rgb(114, 130, 72)!important;
    text-transform: uppercase;
    color:white!important;
    cursor:pointer;
}

#contact:active {
    background: #444;
}

#contactForm {
    display: none;
    border: 1px solid rgba(162, 175, 125, 0.17);
    padding: 2em;
    width: 400px;
    text-align: center;
    background: rgb(234, 234, 234);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

}

input[type=submit],
input[type=text],
input[type=email],
textarea {
    margin: .8em auto;
    font-family: inherit;
    text-transform: inherit;
    font-size: inherit;
    display: block;
    width: 280px;
    padding: .4em;
        border: 1px solid #ccc;
}

textarea {
    height: 80px;
    resize: none;
}

.formBtn {
    width: 140px;
    display: inline-block;
    background: #7b8856;
    color: #fff;
    font-weight: 100;
    font-size: 1.2em;
    border: none;
    height: 30px;
}


.h1-popup {
    font-family: "Neuropolitical";
    font-style: normal;
    font-weight: normal;
    margin: 0.5em 0;
    text-transform: uppercase;
    color: #676767;
    font-size: 1.5em;
    padding-bottom: 20px;
    text-align:center;
}