.logo {
    width: 60%;
    height: auto;
}

.navbar {
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.7);
}

.navbar-scrolled {
    background-color: #0062FF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0);
}

.responsive-iframe {
    width: 60%;
    height: 70%;
}

.bg-home {
    background: url('assets/home.png');
    background-size: cover;
    background-position: bottom;
}

.shadows {
    text-shadow: 1px 1px 4px black, 0 0 1em black, 0 0 0.2em black, 0 0 0.3em black;
}

.bg-produto {
    background: linear-gradient(90deg, #ffffff -50%, #dddddd 158.33%);
    background-size: cover;
    background-position: center center;
}

.bg-software {
    background: url('assets/icone.png') center center no-repeat, linear-gradient(90deg, #27AE60 -50%, #0F6A36 158.33%);
    background-size: cover;
    background-position: center center;
}

.bg-certificacoes {
    background: linear-gradient(rgba(0, 62, 255, 0.7), rgba(0, 62, 255, 0.7)), url('assets/gado.png') center center no-repeat;
    background-size: cover;
    background-position: center left;
}

.bg-tecnologia {
    background: url('assets/tecnologia.png') center center no-repeat, #F8FAFC;
    background-size: contain;
    background-position: center right;
}

.bg-automacao {
    background: url('assets/automacao.png') center center no-repeat, #F8FAFC;
    background-size: contain;
    background-position: center left;
}

.card-aut-header {
    color: #27AE60;
    font-size: medium;
    font-weight: bold;
}

.card-aut-text {
    color: #9B9A9C;
    font-size: smaller;
}

.bg-integracao {
    background-color: #FFFFFF;
    background: url('assets/notebook.png');
    background-size: 40%;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bg-contato {
    background-color: #F1F5F9;
}

.vertical-center {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    .bg-home {
        background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url('assets/home.png');
        background-size: cover;
    }

    .bg-indicadores {
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('assets/indicadores.png');
        background-size: cover;
    }

    .bg-zootecnica {
        background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('assets/zootecnica.png');
        background-size: cover;
    }
    
    .bg-tecnologia {
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('assets/tecnologia.png');
        background-size: cover;
    }
    
    .bg-automacao {
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('assets/automacao.png');
        background-size: cover;
    }

    .bg-integracao {
        background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url('assets/integracao.png');
        background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
}