.contato {
    padding: 150px 10px;
    background: url(/img/fundo-cont.webp) no-repeat center center;
    background-size: cover;
}
.cont {
    max-width: fit-content;
    display: flex;
    gap: 15px;
    align-items: center;
}
.cont > div {
    display: flex;
    gap: 5px;
    align-items: center;
}
.contato-grid {
    display: grid;
    justify-items: center;
}
.contato-content {
    display: grid;
    position: relative;
    gap: 40px;
    border: 1px solid #F0C56B;
    padding: 90px;
    padding-right: 210px;
}
.cel {
    position: absolute;
    left: -250px;
    bottom: -100px;
}
.contato a:hover {
    color: #F0C56B;
}

@media only screen and (min-width:550px) and (max-width:1140px) {

    .cel {
        display: none;
    }
    .contato-content {
        padding: 90px;
        padding-right: 90px;
    }
    
}

@media only screen and (min-width:365px) and (max-width:549px) {

    .cel {
        display: none;
    }
    .contato-content {
        padding: 0px;
        padding-right: 0px;
        border: none;
    }
    
}

@media only screen and (min-width:0px) and (max-width:364px) {

    .cel {
        display: none;
    }
    .contato-content {
        padding: 0px;
        padding-right: 0px;
        border: none;
        display: grid;
        justify-items: center;
    }
    .cont {
        max-width: fit-content;
        display: grid;
        justify-items: center;
        gap: 15px;
        align-items: center;
        text-align: center;
        font-size: .86rem;
    }
    
}