.destaque-turqueza {
  font-weight: bold;
  color: ##33b7b9;
}

.destaque-laranja {
  font-weight: bold;
  color: #f15a24;
}

.destaque-amarelo {
  font-weight: bold;
  color: #f7a720;
}

#header-menu ul li {
  color: #000;
}

#titulo {
  padding: 24em 0 19.7em 0;
  background-color: #f4eee7;
  overflow: hidden;
}

#titulo .container {
  position: relative;
  grid-template-columns: 4fr 8fr;
  z-index: 4;
}

#titulo h1 {
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 4.2em;
  line-height: 1.25em;
}

#titulo p {
  font-size: 2.4em;
  line-height: 1.8em;
  color: #333;
}

#titulo #mapa-contorno {
  position: absolute;
  top: 3em;
  opacity: 0.5;
}

#necessidades {
  position: relative;
  padding: 12em 0;
  background-color: #404041;
  z-index: 4;
}

#necessidades h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  color: #989489;
}

#necessidades .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #fff;
}

#normas {
  position: relative;
  padding: 12em 0;
  background-color: #fff;
  z-index: 4;
}

#normas h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  color: #333;
}

#normas h3 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.25em;
  line-height: 1.5em;
  text-align: left;
  color: #333;
  text-transform: uppercase;
}

#normas h4 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 20', sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  text-align: left;
  color: #777;
}

#normas .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #333;
}

#normas ul {
  margin-bottom: 2em;
  line-height: 2.5em;
}

#isencao {
  position: relative;
  padding: 12em 0;
  background-color: #eceae6;
  z-index: 4;
}

#isencao h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  color: #333;
}

#isencao .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #333;
}

#isencao .tipo_isencao {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  background-color: #333;
}

#isencao hr {
  margin: 2em 0;
  border: solid 1px #d6cec4;
}

#inscricao {
  position: relative;
  padding: 12em 0;
  background-color: #004e70;
  z-index: 4;
}

#inscricao h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #fff;
}

#inscricao .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #fff;
  text-align: center;
}

#inscricao #button_inscricao {
  margin-top: 2em;
  background-color: #f25a24;
  border: 0 none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Sharp Grotesk 20', sans-serif;
  padding: 1em;
  font-size: 1.3em;
  color: #fff;
  cursor: pointer;
}

#resultados {
  position: relative;
  padding: 12em 0;
  background-color: #0c415b;
  z-index: 4;
}

#resultados h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 25', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  color: #fff;
}

#resultados .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #fff;
}

#frase {
  position: relative;
  padding: 12em 0;
  background-color: #eceae6;
  z-index: 4;
}

#frase h2 {
  margin-bottom: 1em;
  font-family: 'Sharp Grotesk 20', sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #333;
  font-weight: normal;
}

#frase .container {
  font-family: 'Deck', sans-serif;
  font-size: 2.4em;
  line-height: 2em;
  color: #333;
}

#editais #lista {
  column-gap: 15px;
}

#editais #lista a {
  padding: 1em;
  border: solid 3px #33B7B9;
  height: 240px;
  margin-bottom: 15px;
  font-family: 'Sharp Grotesk 15', sans-serif;
  font-size: 4.8em;
  background-color: transparent;
  transition: background-color 0.1s ease-in;
}

#editais #lista a:hover {
  color: #fff;
  background-color: #33B7B9;
}

#normas #participante,
#normas #corde {
  margin-top: 2em;
}

@media (max-width: 1024px) {

  #titulo .grid,
  #contato .grid {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: column;
  }

  #editais .grid {
    grid-template-columns: repeat(3, 4fr);
  }

  #titulo h1,
  #editais h2 {
    margin-bottom: 2em;
  }

  #mapa-contorno {
    display: none;
  }

}

@media (max-width: 1024px) {

  #editais .grid {
    grid-template-columns: repeat(3, 4fr);
  }

}

@media (max-width: 720px) {

  #header-menu {
    display: block;
  }

}

@media (max-width: 660px) {

  #editais .grid {
    grid-template-columns: repeat(2, 6fr);
  }

}

@media (max-width: 430px) {

  #editais #lista a {
    height: 180px;
    padding: 0.5em;
    font-size: 3.6em;
  }

}