body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}

ul, menu, dir {
  list-style-type: none;
}

/* início header */
.header {
  height: 23rem;
  padding: 2rem 8rem 0;
  background: linear-gradient(to right, rgba(54,206,236,1) 0%, rgba(22,84,155,1) 100%);
}

.float-left {
  float: left;
}

.float-right{
  float: right;
}

.text-ambiente {
  padding: 2rem 1rem;
  color: #fff;
}

.text-ambiente p {
  font-weight: 300;
  font-size: 28px;
}

.text-ambiente h1 {
  font-weight: 700;
  font-size: 50px;
}

.linkVideo{
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

.cliente {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #dbdcdd;
  margin: 3.7rem 0px;
  height: 7rem;
  width: 15rem;
  text-align: center;
}

.cliente img{
  padding: 2rem 0;
}

.no-margin {
  margin: 0;
}
/* fim header */

/* início geral */
.listaAcesso, .listaMateraBanco, .listaMateraGestao {
  padding: 0 2rem 1rem;
}

.tituloAcesso p, .tituloMateraBanco p, .tituloMateraGestao p {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
}  

.listaAcesso a, .listaMateraBanco li a, .listaMateraGestao li a {
  position:relative; 
  margin: 0;
  font-size: 20px;
  color: white;
  text-decoration: none;
  line-height: 35px;
}

.tituloMateraBanco p, .tituloMateraGestao p {
  padding: 1rem 2rem 0;
}

.materaBanco, .materaGestao {
  float: left;
  width: 50%;
  min-height: 61rem;
}  
/* fim geral */

/* início acesso */
.acesso {
  margin: -7.8rem 8rem;
  background: #0a2c39;
}

.tituloAcesso p {
  padding: 2rem 2rem 0;
}

/* fim acesso */

/* início matera banco */
.materaBanco {
  background-color:#0c509a;
}

.listaMateraBanco li:hover {
  background-color: #0d498a;
}
/* fim matera banco */

/* início matera gestão */
.materaGestao {
  background-color: #ff8300;
}

.listaMateraGestao li:hover {
  background-color: #ef7c02;
}
/* fim matera gestão */