@charset "utf-8";
/* CSS Document */

body {
  margin-left     : 0;
  margin-top      : 0;
  margin-right    : 0;
  margin-bottom   : 0;
  font-family     : 'Montserrat', sans-serif;
  font-size       : 12px;
  color           : #000;
  /* background-color: #332F6D; */
  background-color: transparent !important;
}

a {
  text-decoration: none;
  font-weight    : bold;
  color          : #000;
}

a:hover {
  text-decoration: underline;
}

.logo {
  height: 60px;
}

.logo_escola {
  height      : 42px;
  /* margin-right: 40px; */
}

.listaLinks {
  display        : flex;
  flex-direction : row;
  justify-content: flex-end;
  align-items    : center;
}

.principal {
  width          : 1000px;
  margin         : 0 auto;
  margin-top     : 50px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  height         : auto;
  gap            : 4rem;
}

.principal div {
  /* margin-right: 30px; */
  gap: 3rem;
}

.principal div:last-child {
  margin-right: 0 !important;
}

.logos {
  display        : flex;
  flex-direction : row;
  justify-content: center;
  align-items    : center;
  gap            : 2.5rem !important;
}

/* .logos {
  display        : flex;
  flex-direction : row;
  justify-content: center;
  align-items    : center;
} */


@media(max-width:1000px) {
  .principal {
    justify-content: center;
    width          : 100%;
  }

  .principal a div {
    float       : none;
    margin      : 0 auto;
    display     : table;
    margin-right: 0 !important;
  }

  .principal div {
    width: 100% !important;
  }

  .principal>a {
    display: table;
    width  : auto;
    margin : 0 auto;
  }

  .logo {
    display: table;
    width  : 0 auto;
    margin : 0 auto;
  }

  .listaLinks {

    display: none;
  }

  body {
    width: 100%;
  }

  .principal {
    width: 100%;
  }
}