.fonte-azul-claro {
    color: #bae3ee;
}
.fonte-azul-intermediario {
    color: #92d4d9;
}
.fonte-azul-escuro {
    color: #859eb3;
}
.fonte-branca {
    color: #f6f6f6;
}
.azul-claro {
    background-color: #bae3ee;
}
.azul-intermediario {
    background-color: #92d4d9;
}
.azul-escuro {
    background-color: #859eb3;
}
.azul-escuro-degrade {
    background-color: rgba(133, 158, 179, 0.6);
}
.azul-super-escuro {
    background-color: #25303a;
}
.branca {
    background-color: #f6f6f6;
}
.branco-absoluto {
    background-color: #fff;
}
a {
    opacity: .6;
    transition: opacity 1s ease;
}
a:hover {
    opacity: 1;
}
form button {
    transition: background-color ease 1s;
    background-color: rgba(146, 212, 217, .7);
}
form button:hover {
    background-color: rgba(146, 212, 217, 1);
}
input {
    color: #859eb3;
}
::placeholder { /* Firefox, Chrome, Opera */ 
    color: #859eb3; 
} 

:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #859eb3; 
} 

::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #859eb3; 
} 
.imagem-fundo {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.bg-transparente {
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.meia-borda {
    position: absolute;
    background: #92d4d9;
    left: 0;
    top: 0;
    width: 3rem;
    height: .29rem;
}
.banner {
    background-image: url(img/o-que-fazemos-cociin.jpg);
    background-attachment: fixed;
}
.form-control, .btn {
    border-radius: 0;
    border: none;
}
html, body {
        width: 100%;
        height: 100%;
}
body {
    margin: 0;
    padding: 0;
    color: #859eb3;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
    overflow-x: hidden;
}
body > section {
    padding: 10rem 0;
}
h1, h2, h3, h4, h5, h6 { 
    font-weight: 800;
}
h1 {
    font-size: 2rem; 
}
h2 {
    font-size: 1.1rem;
    font-weight: 300;
}
/*MENU*/
/*reset*/
.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
    opacity: 1;
}
.logo-navbar {
    width: 150px;
    height: auto;
}
.menu-uniomind {
    font-size: 1rem;
}
.navbar-toggler{
    width: 47px;
    height: 34px;
}
/*reset*/
.menu a{
    opacity: .6;
    color: #f6f6f6;
    transition: opacity 1s ease;
}
.menu a:hover {
    color: #b9e2ed;
    opacity: 1;
}
.menu button {
   transition: all ease 2s;
    filter: grayscale(100%);
}
.menu button:hover {
    filter: grayscale(0%);
}
a.logo {
    opacity: 1;
}
/*PRESENTATION*/
.presentation {
    background-image: url(img/cociin-como-atuamos.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.saiba-mais {
    border: 1px solid #f6f6f6;   
    color: #f6f6f6 !important;
}
.saiba-mais:hover {  
    color: #92d4d9 !important;
}
/*HOW WE ACT*/
.how-we-act {
    background: url(img/cociin-como-atuamos.jpg);
    background-attachment: fixed;
    padding: 0;
}
.how-we-act-container {
    padding: 0 .3rem;
}
/*WHAT WE DO*/
.what-we-do-banner {
    height: 20rem;
    background-image: url(img/o-que-fazemos-cociin.jpg);
    background-attachment: fixed;
}
.what-we-do h1 {
    bottom: 1rem;
}
/*DIFERENTTIALS*/
.differentials {
    background-image: url(img/como-atuamos.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.card {
    border-radius: 0;
    border: 0;
    height: 45rem;
}
.card h2 {
    font-size: 1.4rem;
    border-bottom: 2px solid rgba(242,242,242,.3); 
}
.list-group-item {
   border: 0;
}
.meia-borda-card {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 2px;
    background: #f6f6f6;
    opacity: .3;
}
.differentials h1{
    z-index: 2;
}
section.differentials h2{
   font-weight: 700;
}
.card-body {/*Adjustment for the height equalisation of boxes*/
    flex: 0;
}
/*WHO WE ARE*/
.foto-dr {
    width: 96px;
    height: auto;
}
.who-we-are li{
    list-style-type: square;
    color: #92d4d9;
}
/*CONTACT*/
.icon-contact {
    width: 80%;
    height: auto;
}
@media (min-width: 1200px) { 
    h1 {
        font-size: 4rem;  
    }
}
.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 768px) { 
    .presentation-contact-enviar {
        margin-top: .5rem;
        text-align: right;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .how-we-act {
        background: #ffffff;
    }
    .presentation {
        background-image: url(img/cociin-o-que-fazemos-mobile.jpg);
    }
    .what-we-do-banner {
        height: 10rem;
        background-image: url(img/o-que-fazemos-cociin.jpg);
        background-position: center;
        background-size: 100%;
        background-attachment: scroll;
    }
}