/* Estilos específicos para a seção de Privacidade no index.html */

section.privacy {
  padding: 180px 0 100px !important;
  background-color: #10243f !important;
  width: 100%;
  min-height: calc(100vh - 100px);
  position: relative;
}

section.privacy .container {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

section.privacy:after {
  content: "";
  display: block;
  width: 1200px;
  height: 2px;
  margin: 40px auto 40px;
  background-color: #303e48;
}

section.privacy .container h2,
section.privacy h2 {
  margin-bottom: 40px !important;
  font: 700 normal 2.4rem/1.3em "Roboto", sans-serif !important;
  color: #fff !important;
  display: block;
}

section.privacy .container h3,
section.privacy h3 {
  margin: 40px 0 15px !important;
  font: 700 normal 1.7rem/1.4em "Roboto", sans-serif !important;
  color: #fff !important;
  display: block;
}

section.privacy .container p,
section.privacy p {
  margin-bottom: 20px !important;
  font: 400 normal 1.4rem/1.7em "Roboto", sans-serif !important;
  color: #fff !important;
  display: block;
}

section.privacy .container a,
section.privacy a {
  color: #4ec3ff !important;
  text-decoration: underline !important;
}

section.privacy .container a:hover,
section.privacy a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1200px) {
  section.privacy:after {
    width: calc(100% - 100px);
  }

  section.privacy .container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 826px) {
  section.privacy .container h2,
  section.privacy h2 {
    font-size: 2.1rem !important;
  }

  section.privacy .container h3,
  section.privacy h3 {
    font-size: 1.6rem !important;
  }

  section.privacy .container p,
  section.privacy p {
    font-size: 1.3rem !important;
  }
}

@media screen and (max-width: 760px) {
  section.privacy {
    padding: 150px 0 80px !important;
    min-height: calc(100vh - 150px);
  }

  section.privacy .container {
    max-width: 100%;
  }
}

@media screen and (max-width: 560px) {
  section.privacy .container {
    padding: 0 15px;
  }
}