@import url("fontes.css");
@import url("margins.css");

:root {
  --verde: #82d667;
  --marrom: #5d564e;
  --branco: #ffffff;
  --marrom-claro: #a8a5a0;
}

* {
  font-weight: normal !important;
}

html {
  font-size: 8px;
}

body {
  font-family: 'helvetica_neueregular';
  font-size: 2.8rem;
  line-height: 1.25em;
  background-color: var(--marrom);
  color: var(--branco);
}


.cor-verde{
	color:  var(--verde);
}
.cor-marrom{
	color:  var(--marrom);
}
.cor-marrom-claro{
	color:  var(--marrom-claro);
}


.logo-grupo-gervino{
	width: 53rem;
	height: 9.7rem;
}

.bg-branco{
	background-color:  var(--branco);
}

a{
	color:  var(--marrom);
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

a:hover, a:active{
	color:  var(--verde);
}


a.cor-verde{
	color:  var(--verde);
}
.bg-verde{
	background-color:  var(--verde);
	color: var(--branco);
}
.cor-branco{
	color: var(--branco);
}

a:hover .cor-branco{
	opacity: 0.8
}
a.cor-marrom{
	color:  var(--marrom);
}

a.cor-verde:hover, a.cor-verde:active{
	color:  var(--marrom);
}
a.cor-marrom:hover, a.cor-marrom:active{
	color:  var(--verde);
}

.principal{
	display: block;
	margin-left: 2.5rem;
	margin-right: 2.5rem;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1780px;
	padding-left: 6rem;
	padding-right: 6rem;
}

h1{
	font-size: 6rem;
}

h1::after{
	content: " ";
	width: 11rem;
	border-top: 2px solid var(--marrom);
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h2{
	font-size: 5.7rem;
}

h3{
	font-size: 4.0rem;
}

h4{
	font-size: 3.2rem;
}
h1, h2,h3,h4,h5{
	line-height: 1em !important;
}

.footer-visafertil{
	width: 33.2rem;
	height: 11.3rem;
}
.footer-lupa{
	width: 15.3rem;
	height: 11.3rem;
}
.footer-favorita{
	width: 30.7rem;
	height: 11.3rem;
}
.footer-clicorg{
	width: 23.5rem;
	height: 11.3rem;
}
.footer-girardi{
	width: 19.5rem;
	height: 11.3rem;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 


}

 /* Medium devices (tablets, less than 992px) */ 
@media (max-width: 991.98px) { 

body {
  font-size: 2.5rem;
}	
h1 {
  font-size: 5rem;
}
h2 {
  font-size: 4.5rem;
}
h3 {
  font-size: 3.5rem;
}
h4 {
  font-size: 2.8rem;
}
	
	
.logo-grupo-gervino {
  width: 30rem; 
  height: 10rem;
}
	
	
.footer-visafertil{
	width: 25rem;
	height: 8.5rem;
	float: left;
	margin-right: 5rem;
	margin-bottom: 2rem;
}
.footer-lupa{
	width: 11.5rem;
	height: 8.5rem;
	float: left;
	margin-right: 5rem;
	margin-bottom: 2rem;
}
.footer-favorita{
	width: 23rem;
	height: 8.5rem;
	float: left;
	margin-right: 5rem;
	margin-bottom: 2rem;
}
.footer-clicorg{
	width: 17.5rem;
	height: 8.5rem;
	float: left;
	margin-right: 12.5rem;
	margin-bottom: 2rem;
}
.footer-girardi{
	width: 14.5rem;
	height: 8.5rem;
	float: left;
	margin-right: 5rem;
	margin-bottom: 2rem;
}

.bt-voltar {
    margin-bottom: 2.2rem;
    display: block;
}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }