.cancel-contact-form {
    cursor: pointer;
}
span.cancel-contact-form {
    font-size: 36px;
    line-height: 1;
    color: red;
    background-color: white;
    display: block;
    position: absolute;
    top: 50x;
    right: 22px;
}

#contactdiv label,
#contactdiv input,
#contactdiv textarea {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.1rem;
}
#contactdiv input[type=text],
#contactdiv textarea {
    padding-left: 5px;
    margin-bottom: 1.2rem;
    }

#contactdiv h3 {
    margin-left: 0;
}


#contact-button {
    padding:3px;
    color:green;
    cursor:pointer;
    padding:5px 5px 5px 15px;
    width:70px;
    color:white;
    background-color:#123456;
    border-radius:3px;
}

#popup{
    padding-top:80px;
}

#contactdiv form {
    padding:20px 30px;
    width:350px;
    margin:20px 250px 0 35px;
    float:left;
}

#contactdiv input {
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
}

#contactdiv input[type=button] {
    background-color:#123456;
    border:1px solid white;
    font-weight: 400;
    font-size: 1.1rem;
    color:white;
    width:49%;
}

#contactdiv textarea{
width:100%;
height:80px;
border-radius:3px;
resize:none;
}

#contactdiv{
    opacity:0.95;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
    z-index: 30000;
}

#contact-form {
    left: calc(50% - 200px);
    top: calc(50% - 270px);
    width:350px;
    background-color:white;
    position: relative;
    border: none;
    z-index: 30001;
}