:root {
  --azul-cabecalho: #122c3a;
  --dourado: #b78f20;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.4;
  background-color: white;
  &.chatsite{
    width: 200px;
  }
}

h1 {
  font-family: "Arvo", sans-serif;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 500;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

h3 {
  font-family: "Arvo", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
}

h4 {
  font-size: 20.62rem;
  font-family: "lato", sans-serif;
}

p {
  font-family: "lato", sans-serif;
  font-size: 1.9rem;
}

a {
  font-family: "lato", sans-serif;
  font-size: 1.65rem;
}

ul {
  list-style: none;
}

a:link,
a:visited {
  color: var(--azul-cabecalho);
  text-decoration: none;
}

a:hover,
a:active {
  color: var(--azul-cabecalho);
  text-decoration: none;
}

.secao {
  padding: 5rem 2rem 5rem;
  /* box-shadow: 0 0 0.21rem 0.1rem rgba(0, 0, 0, 0.15); */
}

.container {
  /* max-width: 1000rem; */
  margin: 0 auto;
}