* {
  font-family: 'Cardium B Regular', sans-serif;
}

body, 
html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-family: 'Cardium C Black', sans-serif;
  font-size: 5em;
  margin: 0px;
  word-spacing: 15px;
}

h3 {
  font-family: 'Cardium B Medium', sans-serif;
  font-size: 2em;
  margin: 0px;
}

h4 {
  font-family: 'Cardium B Regular', sans-serif;
  font-size: 1.8em;
  font-weight: 400;
}

#div-titulo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 5%;
  padding-left: 15%;
}

#sigesis {
  text-decoration: none;
  color: #007469;
  position: absolute;
  top: 50px;
  left: 50px;
}

#div-main {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom left, #007469 0%, #fff 30%);
}

#esquerda,
#direita {
  height: 100%;
  width: 50%;
}

#esquerda {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


#div-botao {
  display: flex;
  padding-left: 15%;
  justify-content: center; /* retirar quando habilitar o menu */
}

#div-botao span, #div-botao img{
  z-index: 50;
}

#div-botao a {
  width: 400px;
  height: 150px;
  background-color: #fafafa;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  border: solid 1px #E8E8E8;
  box-shadow: 5px 5px #00000017;
  transition: 500ms;
  border-radius: 25px;
}

#div-botao a {
  outline: none;
  cursor: pointer;
  border: none;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: #007469;
  color: #000;
  border: solid #000 2px;
}

#div-botao a::before,
#div-botao a::after {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 49;
}

#div-botao a::before {
  content: "";
  background: #ffffff;
  width: 150%;
  left: -20%;
  transform: skew(30deg);
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.8, 1);
}

#div-botao a:hover::before {
  transform: translate3d(100%, 0, 0);
}

#div-botao a:hover {
  box-shadow: none;
  transition: 500ms;
  color: #fff;
}

.div-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.imagem-sistema {
  width: 20%;
}

.quantidade-sistema {
  font-size: 12px;
  font-weight: 300;
}

#claudio {
  width: 45%;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 50px;
  margin-bottom: 30px;
}

#desenvolvido {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 50px;
  margin-bottom: 30px;
}

#desenvolvido p {
  font-size: 16px;
}

#desenvolvido a {
  text-decoration: none;
  color: #007469;
}

#desenvolvido a:hover {
  color: #000;
}

.a-block::before {
  background: #aaa !important;
}

.block {
  background: #aaa;
  cursor: auto; 
}