@charset "UTF-8";
/**
 * 1 Fonts
 * ----------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap');
@import url("normalize.css?v=8.0.1");

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
  --font-primary: "Libre Franklin", Arial, sans-serif;
  --white: #ffffff;
  --black: #000000;
  font-size: 62.5%;
}
:root body {
	margin: 0;
  font-size: 1.2rem;
  color: var(--black);
}
html {
	overflow-x: hidden;
	scroll-behavior: auto !important;
}
body {
	color: var(--white);
	font-family: var(--font-primary);
  font-style: normal;
	font-weight: 400; /* Regular */
	letter-spacing: normal;

	overflow-x: hidden;
	scroll-behavior: auto !important;
}
p {
    margin-bottom: 0.5rem;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
a,
a:visited {
  color: var(--black);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.wrapper-content {
  height: 100vh;
}
.block-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.logo {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mensagem {
  margin: 40px 0;
}
.rodape {
  text-align: center;
  line-height: 3rem;
  margin-top: 12rem;
}
.rodape span {
  padding: 0 5px;
}

/* MEDIA QUERYS */
@media (min-width: 375px) {}
@media (min-width: 390px) {}
@media (min-width: 414px) {}
@media (min-width: 450px) {}
@media (min-width: 768px) {}
@media (min-width: 820px) {
  .logo { max-width: 245px; }
}
@media (min-width: 1024px) {}
@media (min-width: 1180px) {}
@media (min-width: 1280px) {}
@media (min-width: 1366px) {}
@media (min-width: 1440px) {}
@media (min-width: 1920px) {}
@media (min-width: 450px) and (max-width: 890px) and (orientation: landscape) {}
@media (min-width: 640px) and (max-width: 890px) and (orientation: landscape) {}
@media (min-width: 768px) and (max-width: 812px) and (orientation: landscape) {}