.bg-brown {
    background-color: #784D30;
}

.bg-light-brown {
    background-color: #FCF6E8;
}

.border-top-10 {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.font-60 {
    font-size: 60px !important;
}

.card-group {
    max-width: 900px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.card-group>.card:not(:last-child) {
    border-right: 1px solid #E3E2E1 !important;
}
@media only screen and (max-width:1496px) {
    .colcontact1 {
        flex: 0 0 auto;
        width: 100%;
    }

    .colcontact2 {
        flex: 0 0 auto;
        width: 40%;
    }

    .colcontact3 {
        flex: 0 0 auto;
        width: 60%;
    }
}

@media only screen and (max-width:1283px) {
    .colcontact1 {
        flex: 0 0 auto;
        width: 5%;
    }

    .colcontact2 {
        flex: 0 0 auto;
        width: 30%;
    }

    .colcontact3 {
        flex: 0 0 auto;
        width: 60%;
    }
}
@media only screen and (max-width:1200px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1150px;
    }
}
@media only screen and (max-width:1080px) {
    .colcontact1, .colcontact2, .colcontact3 {
        flex: 0 0 auto;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .colcontact2 .card {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .colcontact3 .card {
        max-width: 700px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:600px) {
    .card-group {
        display: block !important;
        flex-flow: row wrap !important;
    }

    .card-group>.card:not(:last-child) {
        border-right: none !important;
    }
}

@media only screen and (max-width:698px) {
    .row-contact {
        max-width: 350px;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .row-contact .col-11 {
        padding-left: 50px;
    }
}
@media only screen and (max-width:576px) {
        .colcontact1, .colcontact2, .colcontact3 {
        flex: 0 0 auto;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .colcontact2 .card {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:315px) {
    .row-contact .col-11 {
        padding-left: 20px
    }

    .row-contact .font-60 {
        display: none;
    }
}

@media only screen and (max-width:300px) {
    .row-contact {
        margin-left: 20px !important;
    }
}

@media only screen and (max-width:275px) {
    .row-contact .col-11 {
        flex: 0 0 auto;
        width: 85%
    }
}