footer{
    background-color: #b89b60;
}

a{
    text-decoration: none!important;
    font-weight: bold;
    color: #fff;
}

.copyright{
    color: #fff;
    font-weight: 100;
    font-size: 0.8rem;
}

.bg-color{
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    max-width: 100%;
}

.bg-color:hover{
    background-color: rgba(0, 0, 0, .3);
    transition: background-color .3s;
}

.img, .active{
    height: 50vh;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.alinhamento{
    top: 30%;
    position: relative;
    text-align: center;
    transform: translateY(0%);
}

@media only screen and (min-width: 992px) {

    footer{
        background: none;
        width: 100%;
        position: fixed;
        bottom: 0;
    }

    .img{
        height: 100vh;
        flex-basis: 20%;
        max-width: 20%;
        transition: linear all .7s;
    }

    .active{
        height: 100vh;
        flex: 0 0 80%!important;
        max-width: 80%;!important;
        transition: linear all .7s;
    }

    .alinhamento {
        top: 45%;
    }

    .logo{
        height: 150px!important;
    }
}

.logo{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    margin-bottom: 1rem;
}

.div-granja .logo{
    height: 79px;
}

.btn-granja{
    background-color: #fff;
    color: #0f4979;
}

.btn-empreend{
    background-image: linear-gradient(#b89b60, #f8f1b1);
    color: #000;
}

.bg-color:hover .btn-empreend{
    background-image: linear-gradient(#f8f1b1, #b89b60);
}

.bg-color:hover .btn-granja{
    background-color: #0f4979;
    color: #fff;
}

.btn-granja, .btn-empreend{
    font-weight: 600;
    padding: .2rem 2rem;
    border-radius: 5px;
}