@charset "UTF-8";
/**
 * 1 Fonts
 * ----------------------------------------------------------------------------
*/
@import url("fonts/metropolis-stylesheet.css");
@import url("css/normalize.css?v=8.0.1");

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
  --font-primary: "Metropolis", Arial, sans-serif;
  --gray-dark: #222222;
  font-size: 62.5%;
}
:root body {
	margin: 0;
	font-size: min(calc(1rem + 2 * ((100vw - 414px) / (1506))), 1.2rem);
  line-height: min(calc(1.6rem + 8 * ((100vw - 414px) / (1506))), 2.4rem);
}
html {
	overflow-x: hidden;
	scroll-behavior: auto !important;
}
body {
	/* background-color: var(--white);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #3c9b72); */
  background: linear-gradient(to bottom, #ffffff 50%,#3c9b72 100%);
	color: var(--gray-dark);
	font-family: var(--font-primary);
  font-style: normal;
	font-weight: normal; /* Regular */
	letter-spacing: normal;

	overflow-x: hidden;
	scroll-behavior: auto !important;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
}
.wrapper-content {
  height: 100vh;
}
.block-all {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.logo {
  width: 100%;
  height: auto;
  max-width: 160px;
  padding-right: 20px;
  border-right: 2px solid var(--gray-dark);
}
.logo svg {
  width: 100%;
  height: auto;
}
.mensagem {
  padding-left: 20px;
  text-transform: uppercase;
}
.mensagem p {
  margin-bottom: 0;
}

/* 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: 190px; }
}
@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) {}