.popup{

    position:fixed;
    top:20px;
    right:20px;
    color:#fff;
    padding:15px 25px;
    border-radius:5px;
    z-index:9999;
    font-size:16px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);

}

.success{
    background:#28a745;
}

.error{
    background:#dc3545;
}

.full-width {
    grid-column: 1 / -1;
}

#contactMessage {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Fraunces', serif;
    grid-column: 1 / -1;
    line-height: 1.3;
}

@media(max-width: 767px) {
    #contactMessage {
        font-size: 19px;
    }
}

textarea {
    width: 100%;
    min-height: 140px;
    resize: vertical;
    background: transparent;
    border: 1px solid var(--line-dark);
    color: var(--white);
    font: 16px 'Archivo', sans-serif;
    padding: 18px 18px;
}