@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 3840px) {
  .divBanner{
    width: 50%;
    height: 100%;
  }  
.tamanhoBanner{
  width: 100%;
  max-height: 1000px;
}
.divGaleria{
  width: 100%;
  height: 340px;
  background-color: #a7a7a7;
}  
.tabelaGaleria1{
  width: 300px;
  height: 300px;
  text-align: center;
} 
.cellSpacingGaleria { 
  border-spacing: 1em;
  border-collapse: separate;
}
.col-md-3 {
  position: relative;
}
.col-md-3 .seg {
  visibility: hidden;
  opacity: 0;
  position:absolute;
  top:0;
  left:0;
}
.col-md-3:hover .seg {
  visibility: visible;
  opacity: 1;
  transition: .3s;
}
.tamanhoGaleria{
  width: 300px;
  height: 300px;
  cursor: pointer;
  border-radius: 2%;
  border: 2px solid #000000;
}
.tabelaInfo1{
  width: 12vw;
  height: 18vh;
  text-align: center;
  vertical-align: top;
}
.cellSpacingInfo { 
  border-spacing: 8em;
  border-collapse: separate;
}
.tamanhoLogo{
  max-width: 12vw;
  max-height: 14vh;
}
.tamanhoIconeInfo{
  max-width: 7vw;
  max-height: 7vh;
}
.font1{
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1em;
}
.font2{
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.4em;
  color: #f26337;
  text-decoration: none;
}
.font3{
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1em;
}
}
@media only screen and (max-width: 1500px) {
  .divBanner{
    width: 50%;
    height: 100%;
  }  
  .tamanhoBanner{
  width: 100%;
  max-height: 1000px;
}
  .divGaleria{
    width: 100%;
    height: 240px;
    background-color: #a7a7a7;
  }  
  .tabelaGaleria1{
    width: 200px;
    height: 200px;
    text-align: center;
  } 
  .cellSpacingGaleria { 
    border-spacing: 1em;
    border-collapse: separate;
  }
  .col-md-3 {
    position: relative;
  }
  .col-md-3 .seg {
    visibility: hidden;
    opacity: 0;
    position:absolute;
    top:0;
    left:0;
  }
  .col-md-3:hover .seg {
    visibility: visible;
    opacity: 1;
    transition: .3s;
  }
  .tamanhoGaleria{
    width: 200px;
    height: 200px;
    cursor: pointer;
    border-radius: 2%;
    border: 2px solid #000000;
  }
  .tabelaInfo1{
    width: 12vw;
    height: 18vh;
    text-align: center;
    vertical-align: top;
  }
  .cellSpacingInfo { 
    border-spacing: 3em;
    border-collapse: separate;
  }
  .tamanhoLogo{
    max-width: 18vw;
    max-height: 12vh;
  }
  .tamanhoIconeInfo{
    max-width: 6vw;
    max-height: 6vh;
  }
  .font1{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 0.8em;
  }
  .font2{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1em;
    color: #f26337;
    text-decoration: none;
  }
  .font3{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 0.8em;
  }
  }