/* ---------- IMPORTAÇÃO DE FONTES ---------- */

@font-face {
  font-family: "Linotte-Bold";
  src: url("../fonts/Linotte\ Bold.otf");
}

@font-face {
  font-family: "Linotte-Heavy";
  src: url("../fonts/Linotte\ Heavy.otf");
}

@font-face {
  font-family: "Linotte-Light";
  src: url("../fonts/Linotte\ Light.otf");
}

@font-face {
  font-family: "Linotte-Regular";
  src: url("../fonts/Linotte\ Regular.otf");
}

@font-face {
  font-family: "Linotte-Semi-Bold";
  src: url("../fonts/Linotte\ Semi\ Bold.otf");
}

/* ---------- PÁGINA ---------- */

body {
  font-family: "Linotte-Regular";
  background-color: #c4c4c4;
}

#div-titulo {
  padding-top: 5%;
  padding-bottom: 2%;
  text-align: center;
  font-family: "Linotte-Bold";
}

#conteudo {
  font-size: 1.3rem;
}

#conteudo > h5 {
  font-family: "Linotte-Bold";
}

/* ---------- FOOTER ---------- */

/* Style the footer */
footer {
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}

a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}

.footer-copyright {
  font-family: "Linotte-Light";
  color: #000000;
}

#logo-pagina-rodape {
  margin-bottom: 1%;
}

#link-rodape-tcmtelecom {
  color: #000000;
}

#link-rodape-tcmtelecom:hover {
  color: #c31820;
}

.pt-3,
.py-3 {
  padding-top: 0% !important;
  margin-top: -0.5%;
}

/* ---------- FIM FOOTER ---------- */