/* external css: flickity.css */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery {
  /* background: #EEE; */
}

.gallery-cell {
  width: 66%;
  height: 305px;
  margin-right: 10px;
  /* background: #8C8; */
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  /* content: counter(gallery-cell); */
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.linhaCarousel img{
  height: auto;
    width: auto;
    max-width: 150px;
    max-height: 150px;
}

.mr30{
  margin-right: 30%;
}

.mr31{
  margin-right: 31%;
}

#divPrincipal{
  width: 730px;
}

@media screen and (max-width: 778px) {
  #divPrincipal{
    width: 100%;
  }

  .linhaCarousel img {
    height: auto;
    width: auto;
    max-width: 90px;
    max-height: 90px;
  }

  .imgTopo{
    margin-top: 43%;
  }
}

@media screen and (max-width: 589px) {
  .linhaCarousel img {
    height: auto;
    width: auto;
    max-width: 67px;
    max-height: 67px;
  }

  .mr30, .mr31{
    margin-right: 0;
  }
}