:root {
  --vermelho: #cc0000;
}

nav#principal{
  min-height: 10rem;
  -webkit-box-shadow:none;
  box-shadow: none;
  background-color: inherit;
  margin-top: 1rem;
}

nav#principal img.logo{
  margin: 1rem;
}

nav#principal > div:before{
  background-image: url(../img/banner.jpg);
  background-position: center;
  background-size: cover;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 20%;
  opacity: 0.2;
  background-repeat: no-repeat;
  box-shadow: 0 0 8px 8px white inset;
}

nav#principal ul.hide-on-med-and-down{
  position: relative;
}

.red{
  background-color: var(--vermelho) !important;
}

.red-text{
  color:var(--vermelho) !important;
}

div.container > div.section#negocios > div.row > div.col div.banner{
  min-height: 26rem;
  background-position: top;
  background-size: cover;
  filter: grayscale(100%);
}

div.container > div.section#negocios > div.row > div.col div.banner:hover{
  filter: grayscale(0%);
}

div.container > div.section#negocios > div.row > div.col:hover{
  background-color: #e0e0e0;
  color: var(--vermelho);
}

div.container > div.section#negocios > div.row > div.col:nth-child(1) div.banner{
   background-image: url("../img/negocio_1.jpg");
}

div.container > div.section#negocios > div.row > div.col:nth-child(2) div.banner{
  background-image: url("../img/negocio_2.png");
}

div.container > div.section#negocios > div.row > div.col:nth-child(3) div.banner{
  background-image: url("../img/negocio_3.jpg");
}

p.flow-text{
  text-align: justify;
	text-indent: 2rem;
}