@media screen and (min-width: 0) {
  .cabecalho {
    width: 475px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 200px;
  }
}

@media (max-width: 480px) {
  .cabecalho {
    width: 475px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 200px;
  }
}

@media (max-width: 768px) {
  .cabecalho {
    width: 763px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 200px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cabecalho {
    width: 1019px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 400px;
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .cabecalho {
    width: 1365px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 500px;
  }
}

@media (min-width: 1367px) {
  .cabecalho {
    width: 1920px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #79d9c7;
    border-radius: 5px 5px 0px 0px;
    display: flex;
    justify-content: space-between;
  }
  .logo {
    width: 600px;
  }
}
