/**/
.introducao-b{/*height: -webkit-fill-available;*/}
.introducao-texto{padding: 40px 40px; background-color: #dae7f3;}
.carousel {/*height: -webkit-fill-available;*/}
.g1 .flickity-viewport {min-height:650px; }
/**/


/* external css: flickity.css */
.g1 .flickity-viewport {
  overflow: hidden;
  position: relative;
  /*height: -webkit-fill-available;*/
  /*height: 100%;
  min-height:665px;*/
}

.g2 .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
  min-height:450px;
}

.galeria-historias-wrap .carousel {background:none; }
.galeria-historias-wrap {padding:40px 100px; background: #f3f3f3;}


.g2 .carousel-cell:before {
    display: none;
    content: none;
	border-radius: none;
}
.g2 .carousel-cell {
    height: auto;
    margin-right: 10px;
    background: none;
    border-radius: none;
    counter-increment:none;
}
.carousel {}
.carousel-cell {width: 100%; height: 200px; margin-right: 10px;    position: relative;}


body { font-family: sans-serif; padding:0px; margin:0;}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flickity-viewport{
	display:block;
	/*height: auto !important;*/
}
.flickity-slider{
	display:block;
}

.gallery {
  display:block;
}

.gallery-cell {
	display:block;
	width: 20%;
	height: 200px;
	margin-right: 10px;
}


/**/

.historias-ind-flickity{margin:20px;}
.historias-ind-flickity img{max-width:100%;}
	
@media screen and (max-width: 1580px) {
	.gallery-cell {width: 33.3333%;}
}
@media screen and (max-width: 1460px) {
	.g1 .flickity-viewport {min-height:550px; }
}


@media screen and (max-width: 1024px) {
	.galeria-historias-wrap {padding: 40px 50px;}
	.g2 .flickity-viewport {min-height: 540px;}
	.g1 .flickity-viewport {min-height:500px; }
}

@media screen and (max-width: 1200px) {	
	.gallery-cell {width: 60%;}
	.g2 .flickity-viewport {min-height: 600px;}
}

@media screen and (max-width: 900px) {
	.g1 .flickity-viewport {min-height: 550px;}
	.g2 .flickity-viewport {min-height: 550px;}
}	

@media screen and (max-width: 768px) {	
	.galeria-historias-wrap{padding:40px;}
	.gallery-cell {width: 100%;}
	.historias-ind-flickity {margin:0px;}
	.g1 .flickity-viewport {min-height: 380px;}
	.g2 .flickity-viewport {min-height: 650px;}
	.flickity-prev-next-button {top: 32%;}
	.introducao-texto {padding: 40px 40px 73px 40px;}
	.introducao-b{background-color:#dae7f3;}
}

@media screen and (max-width: 660px) {
	.g2 .flickity-viewport {min-height: 540px;}
}

@media screen and (max-width: 540px) {
	.flickity-prev-next-button {top: 32%;}
	.g1 .flickity-viewport {min-height: 460px;}
	.g2 .flickity-viewport {min-height: 500px;}
}	
@media screen and (max-width: 420px) {
	.flickity-prev-next-button {top: 58%;}
	.galeria-historias-wrap {padding: 40px 0px;}
	.g2 .flickity-viewport {min-height: 460px;}
}
@media screen and (max-width: 385px) {
	.flickity-prev-next-button {top: 53%;}
	.g1 .flickity-viewport {min-height: 540px;}
}	
@media screen and (max-width: 360px) {
	.flickity-prev-next-button {top: 51%;}
	
}
@media screen and (max-width: 320px) {
	.flickity-prev-next-button {top: 45%;}
	.g2 .flickity-viewport {min-height: 420px;}
}
@media screen and (max-width: 280px) {
	.flickity-prev-next-button {top: 15%;}
}	




