/*Bloco 01 - contato da empresa*/
/* Notebook */
@media (min-width: 1024px) {
  .bloco_contato {
    position: absolute;
    top: 0vw;
    width: 90%;
    height: 3vw;
    background: #614848;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgb(167, 167, 167);
  }
}
/* Celular */
@media (max-width: 600px) {
  .bloco_contato {
    position: absolute;
    top: -5vw;
    left: 0vw;
    width: 100%;
    height: 20vw;
    border-radius: 1vw;
    background: #8ac1ff;
    margin: 20px auto;
    box-shadow: 0 2px 6px rgb(167, 167, 167);
  }
}

/*---------------------------------------------------------*/
/*Bloco 02 - Logo da empresa*/
/* Notebook */
@media (min-width: 1024px) {
  .bloco_logo {
    position: absolute;
    top: 5vw;
    left: 5.4vw;
    width: 15%;
    height: 80px;
    background: #2196F3;
  }
}
/* Celular */
@media (max-width: 600px) {
  .bloco_logo {
    width: 100%;
    height: auto;
    background: #00bfff;
  }
}
/*---------------------------------------------------------*/
/*Bloco 03 - Serviços da empresa, essa parte é na mesma linha
                        do bloco 02 da logo*/


/*---------------------------------------------------------*/