.contato {
    width: 100%;
    background-color: #000813;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.contato-area {
    width: 100%;

}

.contato-title {
    width: 100%;
    font-size: 4em;
    color: #ffffff;
    margin-top: 1em;
    
}

.contato-p {
    width: 100%;
    color: #ffffff;
    font-size: 1.5em;
}

.contato-button {
    margin: 0 auto;
    margin-top: 2em;
    width: 75%;
    display: block;
    color: white;
    background-color: #01aef0;
    box-shadow: 1px 11px 80px -7px rgba(0, 0, 0, 0.753);
    text-decoration: none;
    border: none;
    border-radius: 2em;
    padding: 1em 0;
    text-transform: uppercase;
    margin-bottom: 4em;
}

.contato-button:hover {
    cursor: pointer;
    color: grey;
    background-color: white;
    transition: .3s ease-in-out;
}

@media (min-width: 768px) {

    .contato {
        height: 400px;
    }
    .contato-button {
        width: 30%;
        margin: 2em auto;
    }

    .contato-title {
        margin-top: 2em;
    }

    }