.message{
    border: #000315 solid 2px;
    border: #000315 solid 0.125rem;
    background-color: white;
    color:#000315;
    padding: 30px;
    font-size:1.5rem;
    box-shadow: 0 0 16px 5px rgba(0,0,0,0.3);
}

.contact-modal button{
    background-color: white;
    margin-top: 20px;
    margin-top: 1.25rem;
    padding: 15px 0;
    padding: 0.9375rem 0;
    font-size: 24px;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: 0.3s all ease;
    width:100%;
    border: #000315 solid 2px;
    border: #000315 solid 0.125rem;
}

.contact-modal button:hover, .contact-modal button:focus, .contact-modal button:active {
    color: #fff;
    background-color: #000315;
    border: #fff solid 2px !important;
    border: #fff solid 0.125rem !important;
    border: #21759b solid 2px;
    border: #21759b solid 0.125rem;
    box-shadow: #21759b 0 0 3px 3px;
    box-shadow: #21759b 0 0 0.1875rem 0.1875rem;
}

.contact-modal{
    z-index: -1;
    width: 100%;
    position: fixed;
    max-width: 500px;
    max-width: 31.25rem;;
    padding: 30px;
    top:10%;
    left: 50%;
    transform: translateX(-50%);
    opacity:0;
}

.contact-modal.show{
    opacity:1;
    z-index:1;
    transition: 0.3s all ease;
}

.contact{
    text-align:left;
}