@media (min-width: 700px){
	/* Menu */
	.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #120b07;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	}
	.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 17px;
	color: #818181;
	display: block;
	transition: 0.3s;
	}
	.sidenav a:hover {
	color: #f1f1f1;
	}
	.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 30px;
	margin-right: 30px;
	}
	@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 5px;}
	}
	.dropdown-btn:hover {
	color: #f1f1f1;
	}
	.dropdown-container {
	display: none;
	background-color: #1d1816;
	padding-left: 8px;
	}
	.fa-caret-down {
	float: right;
	padding-right: 8px;
	}
	.menu-icon {
		font-size:35px; 
		cursor:pointer; 
		position: absolute; 
		right: 20px; 
		top: 10px; 
		color: white;
	}

	/* Metade da div, Pagina inicial */
	.image {
	width: 55%;
	position: absolute;
	right: 0px;
	height: 700px;
	object-fit: cover;
	top: 0px;
	filter: brightness(80%);
	z-index: -1;
	}
	.main {
		background-color: #1d1511;
		height: 700px;
		width: 45%;
		min-width: 650px;
		z-index: 1;
	}
	.title {
		color: white;
		position: absolute;
		top: 150px;
		left: 5%;
		font-family: sans-serif;
		letter-spacing: 1.2px;
		line-height: 47px;
		font-size: 305%;
		text-transform: uppercase;
	}
	.subtitle {
		color: white;
		position: absolute;
		top: 340px;
		left: 5%;
		font-family: sans-serif;
		letter-spacing: 1px;
		font-weight: lighter;
	}
	.typed-out{
		overflow: hidden;
		white-space: nowrap;
		animation: typing 1.8s steps(20, end) forwards;
		font-size: 18px;
		width: 0;
	}
	.typed-out-delay{
		overflow: hidden;
		white-space: nowrap;
		animation: typing 1.8s steps(20, end) forwards;
		font-size: 18px;
		width: 0;
		animation-delay: 1.9s;
		}
	@keyframes typing {
		from { width: 0 }
		to { width: 100% }
	}
	.pill-button {
	background-color: #e0a620;
	border: none;
	color: black;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 16px;
	color: white;
	position: absolute;
	top: 430px;
	left: 5.5%;
	font-size: 20px;
	}
	.pill-button:hover{
	background-color: #e09620;
	color: #f0f0f0;
	}
	.logo {
		position: absolute;
		top: 10;
		left: 20;
		height: 50px;
	}
	.imagens-nos{
		height: 30%;
		margin: 3px;
	}

	/* Rodapé */
	.rodape {
		position: absolute;
		width: 100%;
		background-color: #36302c;
		height: 150px;
		color: white;
		text-align: center;
		font-size: 14px;
	}
	.logo1-rodape {
		height: 60px;
		margin: 10px 60px 0px 35px;
	}
	.logo2-rodape {
		height: 64px;
		margin: 10px 60px;
	}
	.logo3-rodape {
		height: 42px;
		margin: 12px 60px;
	}
	.logo4-rodape {
		height: 73px;
		margin: 12px 60px 0px 35px;
	}
	
	.indent{
		text-indent: 38px;
	}
	
	.menu-trans {
		position: sticky;
		bottom: 25px;
		left: 10px;
		width: 250px;
		height: 50px;
		background-color: white;
		box-shadow: 3px 3px 8px 5px rgba(0,0,0,0.2);
		z-index: 2000;
		padding: 12px 0px 17px 0px;
		text-align: center;
		overflow: hidden;
		border-radius: 5px;
	}
	
	.trans {
		height: 23px; 
		overflow: hidden; 
		margin: 0;
		box-sizing: border-box;
		padding: 0;
	}

	/* Fundo */
	.fundo {
		background-color: #f8f4f0;
	}
	.flor1 {
		position: absolute;
		height: 105px;
		top: 970;
		left: -10;
		z-index: -1;
	}
	.flor2 {
		position: absolute;
		height: 120px;
		top: 1270;
		left: 0;
		z-index: -1;
	}
	.flor3 {
		position: absolute;
		height: 115px;
		top: 750;
		right: 0;
		z-index: -1;
	}
	.flor4 {
		position: absolute;
		height: 105px;
		top: 1970;
		left: -10;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor5 {
		position: absolute;
		height: 120px;
		top: 2370;
		left: 0;
		z-index: -1;
	}
	.flor6 {
		position: absolute;
		height: 115px;
		top: 1750;
		right: 0;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor7 {
		position: absolute;
		height: 105px;
		top: 2970;
		right: 10;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor8 {
		position: absolute;
		height: 120px;
		top: 3270;
		right: 0;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor9 {
		position: absolute;
		height: 60px;
		top: 2650;
		left: 0;
		z-index: -1;;
	}
	.flor10 {
		position: absolute;
		height: 105px;
		top: 4100;
		left: -10;
		z-index: -1;
	}
	.flor11 {
		position: absolute;
		height: 120px;
		top: 4500;
		left: 0;
		z-index: -1;
	}
	.flor12 {
		position: absolute;
		height: 115px;
		top: 3760;
		right: 0;
		z-index: -1;
	}
	.flor13 {
		position: absolute;
		height: 110px;
		top: 4800;
		right: 0;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor14 {
		position: absolute;
		height: 115px;
		top: 3570;
		left: -10;
		z-index: -1;
	}
	.flor15 {
		position: absolute;
		height: 60px;
		top: 4270;
		right: 0;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor16 {
		position: absolute;
		height: 115px;
		top: 3750;
		right: 0;
		z-index: -1;
	}
	.flor17 {
		position: absolute;
		height: 125px;
		top: 4970;
		left: -10;
		z-index: -1;
	}
	.flor18 {
		position: absolute;
		height: 110px;
		top: 5370;
		left: 0;
		z-index: -1;
	}
	.flor19 {
		position: absolute;
		height: 105px;
		top: 6370;
		left: -10;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor20 {
		position: absolute;
		height: 120px;
		top: 6770;
		left: 0;
		z-index: -1;
	}
	.flor21 {
		position: absolute;
		height: 115px;
		top: 6150;
		right: 0;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.flor22 {
		position: absolute;
		height: 105px;
		top: 7370;
		right: 10;
		z-index: -1;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.abelha1 {
		position: absolute;
		top: 740;
		right: 80;
		height: 30px;
		z-index: 0;
	}
	.abelha2 {
		position: absolute;
		top: 1000;
		left: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha3 {
		position: absolute;
		top: 1075;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha4 {
		position: absolute;
		top: 1200;
		right: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha5 {
		position: absolute;
		top: 1540;
		right: 60;
		height: 30px;
		z-index: 0;
	}
	.abelha6 {
		position: absolute;
		top: 2000;
		left: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha7 {
		position: absolute;
		top: 2175;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha8 {
		position: absolute;
		top: 2300;
		right: 120;
		height: 30px;
		z-index: 0;
	}
	.abelha9 {
		position: absolute;
		top: 2560;
		left: 130;
		height: 30px;
		z-index: 0;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.abelha10 {
		position: absolute;
		top: 3000;
		right: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha11 {
		position: absolute;
		top: 3075;
		right: 70;
		height: 20px;
		z-index: 0;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.abelha12 {
		position: absolute;
		top: 3200;
		left: 70;
		height: 30px;
		z-index: 0;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.abelha13 {
		position: absolute;
		top: 3740;
		right: 80;
		height: 30px;
		z-index: 0;
	}
	.abelha14 {
		position: absolute;
		top: 4150;
		left: 130;
		height: 30px;
		z-index: 0;
	}
	.abelha15 {
		position: absolute;
		top: 4075;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha16 {
		position: absolute;
		top: 4400;
		right: 140;
		height: 20px;
		z-index: 0;
	}
	.abelha17 {
		position: absolute;
		top: 4875;
		right: 70;
		height: 30px;
		z-index: 0;
	}
	.abelha18 {
		position: absolute;
		top: 4600;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha19 {
		position: absolute;
		top: 5440;
		right: 80;
		height: 30px;
		z-index: 0;
	}
	.abelha20 {
		position: absolute;
		top: 5700;
		left: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha21 {
		position: absolute;
		top: 5775;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha22 {
		position: absolute;
		top: 5900;
		right: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha23 {
		position: absolute;
		top: 6240;
		right: 60;
		height: 30px;
		z-index: 0;
	}
	.abelha24 {
		position: absolute;
		top: 6700;
		left: 140;
		height: 30px;
		z-index: 0;
	}
	.abelha25 {
		position: absolute;
		top: 6875;
		left: 70;
		height: 20px;
		z-index: 0;
	}
	.abelha26 {
		position: absolute;
		top: 7000;
		right: 120;
		height: 30px;
		z-index: 0;
	}
	.abelha27 {
		position: absolute;
		top: 7260;
		left: 130;
		height: 30px;
		z-index: 0;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	/* Conteudo Paginas */
	.conteudo {
		padding-top: 125px;
		padding-left: 250px;
		padding-right: 250px;
		font-size: 110%;
		text-align: justify;
	}

	/* Animação */ 
	.reveal {
	position: relative;
	opacity: 0;
	}
	.reveal.active {
	opacity: 1;
	}

	/* de baixo */
	.active.fade-bottom {
	animation: fade-bottom 0.6s ease-in;
	}
	@keyframes fade-bottom {
	0% {
		transform: translateY(70px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	}
	.active.fade-bottom2 {
	animation: fade-bottom2 0.8s ease-in;
	overflow: hidden;
	white-space: nowrap;
	}
	@keyframes fade-bottom2 {
	0% {
		transform: translateY(-600px);
		opacity: 0;
	}
	30% {
		transform: translateY(70px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	}

	.active.fade-bottom3 {
	animation: fade-bottom3 1s ease-in;
	overflow: hidden;
	white-space: nowrap;
	}
	@keyframes fade-bottom3 {
	0% {
		transform: translateY(-600px);
		opacity: 0;
	}
	50% {
		transform: translateY(70px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	}

	.active.fade-bottom4 {
	animation: fade-bottom4 1.2s ease-in;
	overflow: hidden;
	white-space: nowrap;
	}
	@keyframes fade-bottom4 {
	0% {
		transform: translateY(-600px);
		opacity: 0;
	}
	70% {
		transform: translateY(70px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	}

	.active.bottom {
	animation: fade-bottom 0.6s ease-in;
	}
	@keyframes bottom {
	0% {
		transform: translateY(50px);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
	}

	/* da direita */
	.active.fade-right {
	animation: fade-right 0.6s ease-in;
	}
	@keyframes fade-right {
	0% {
		transform: translateX(50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	}

	/* da esquerda */
	.active.fade-left {
	animation: fade-left 0.7s ease-in;
	}
	@keyframes fade-left {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	}

	.active.just-fade{
	animation: just-fade 0.5s ease-in;
	}
	@keyframes just-fade {
	0% {
		transform: translateX(0);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	}
	/* Metade da div, História dos antibióticos */
	.image-historia {
		width: 55%;
		position: absolute;
		right: 0px;
		height: 500px;
		object-fit: cover;
		top: 0px;
		filter: saturation(1.5);
		z-index: -10;
	}
	.main-historia {
		background-color: #1d1511;
		height: 500px;
		width: 45%;
		min-width: 480px;
		z-index: 1;
	}
	.title-historia {
		color: white;
		position: absolute;
		top: 150px;
		left: 7%;
		font-family: sans-serif;
		letter-spacing: 1.2px;
		line-height: 52px;
		font-size: 50px;
		text-transform: uppercase;
	}
	.img1-historia{
		height: 190px;
		width: 300px;
		float: right;
		margin-left: 20px;
		object-fit: cover;
	}
	.img2-historia{
		height: 200px;
		float: right;
		margin-left: 20px;
	}
	.img3-historia{
		height: 150px;
		float: left; 
		padding-right: 20px;
	}

	/* Execução do Projeto */
	.image-execucao{
		width: 55%;
		position: absolute;
		right: 0px;
		height: 500px;
		object-fit: cover;
		top: 0px;
		filter: brightness(90%);
		z-index: -10;
	}
	.title-execucao{
		color: white;
		position: absolute;
		top: 150px;
		left: 10%;
		font-family: sans-serif;
		letter-spacing: 1.2px;
		line-height: 56px;
		font-size: 50px;
		text-transform: uppercase;
	}
	.lista{
		line-height: 40px;
	}
	.sub-lista{
		line-height: 30px;
	}
	.img1-execucao{
		height: 215px;
		float: right;
		width: 350px;
		filter: brightness(93%);
		margin-left: 20px;
	}
	.img2-execucao{
		height: 225px;
		float: right;
		margin-left: 20px;
	}
	.img3-execucao{
		height: 255px;
		float: right;
		margin-left: 20px;
	}
	.img4-execucao{
		height: 200px;
		float: right;
		margin-left: 20px;
	}
	.higher100{
		margin-top: -100px;
	}

	.higher50{
		margin-top: -50px;
	}

	/* Resultados */
	.main-resultados{
		background-color: #1d1511;
		height: 500px;
		min-width: 430px;
		width: 40%;
		z-index: 10;
	}
	.image-resultados {
	width: 60%;
	position: absolute;
	right: 0px;
	height: 500px;
	object-fit: cover;
	top: 0px;
	filter: saturation(1.5);
	z-index: -10;
	}
	.title-resultados {
		display: flex;
		margin: 1.3rem;
		justify-content: center;
		color: white;
		position: absolute;
		top: 180px;
		left: 7%;
		font-family: sans-serif;
		letter-spacing: 1.2px;
		line-height: 56px;
		font-size: 50px;
		text-transform: uppercase;
	}
	.placas-biodiversidade, .placas-biodiversidade-1, .placas-halo{
		width: 15%;
		height: 21%;
		object-fit: cover;
		margin: 2 0;
		object-position: 25% 25%;
		transition: transform .2s;
		min-width: 100px;
	}
	.placas-biodiversidade:hover, .placas-biodiversidade-1:hover, .placas-halo:hover {
		transform: scale(1.5);
	}
	
	.placas-halo{
		height: auto;
		width: 15%;
	}

	.img1-resultados{
		width: 50%;
		text-align: center;
		min-width: 300px;
	}
	.img2-resultados{
		width: 30%;
		text-align: center;
		min-width: 300px;
	}
	.img3-resultados{
		width: 40%;
		text-align: center;
		min-width: 300px;
	}
	
	/* Premiações */
	.container-premiacoes{
		padding: 0% 10% 0% 10%;
		text-align: left;
		margin-bottom: 120px;
		text-indent: 0px;
	}
	.container2-premiacoes{
		display: inline-block;
		width: 32%;
		padding: 6;
	}
	.container2-premiacoes{
		display: inline-block;
		width: 32%;
		padding: 6;
	}
	.img1-premiacoes{
		float: left;
		width: 30%;
		margin: -5px 30px 0px 0px;
		min-width: 200px;

	}
	.img2-premiacoes{
		float: right;
		width: 40%;
		margin: -5px 0px 0px 30px;
		min-width: 200px;
		max-height: 220px;
		object-fit: cover;
	}
	.img3-premiacoes{
		width: 100%;
		margin: 3px;
		min-width: 200px;
		text-align: left;
	}
	.img4-premiacoes{
		float: left;
		width: 30%;
		margin: -5px 30px 0px 0px;
		min-width: 300px;
	}
	
	/* Slide show */
	* {box-sizing: border-box}
	body {font-family: Verdana, sans-serif; margin:0}
	.mySlides {display: none}
	img {vertical-align: middle;}
	.slideshow-container {
	max-width: 300px;
	position: relative;
	float: right;
	margin-left: 20px;
	top: -30px;
	}
	.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 47%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	}
	.next {
	right: 0;
	border-radius: 3px 0 0 3px;
	}.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
	}
	.slide-text {
	color: white;
	font-size: 15px;
	padding: 10px 12px;
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	}
	.dot {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 2;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	}
	.act, .dot:hover {
	background-color: #717171;
	}
	.fade {
	animation-name: fade;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	}
	@keyframes fade {
	from {opacity: .6} 
	to {opacity: 1}
	}
	@media only screen and (max-width: 300px) {
	.prev, .next,.text {font-size: 11px}
	}
	.arrow {
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	}
	.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	}
	.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	}

	.counter-div{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 25 0 10 0;
	position: relative;
	}
	.charts_orb {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	}
	.charts_orb .orb {
	padding: 20px 70px;
	}
	.charts_orb .orb .orb_graphic {
	position: relative;
	text-align: center;
	}
	.charts_orb .orb .orb_graphic .orb_value {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5em;
	z-index: -100;
	font-weight: 300;
	}
	.charts_orb .orb .orb_label {
	margin-top: 0.75em;
	text-align: center;
	}
	.charts_orb svg {
	width: 110px;
	height: 110px;
	}
	.charts_orb svg circle {
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	stroke-dasharray: 314.16, 314.16;
	stroke-width: 4;
	fill: transparent;
	r: 50;
	cx: 55;
	cy: 55;
	}
	.charts_orb svg circle.fill {
	stroke: #e3e3e3;
	}
	.charts_orb svg circle.progress1 {
	stroke: #e09620;
	transition: stroke-dashoffset 0.35s;
	stroke-dashoffset: 214.16;
	-webkit-animation: counterAnimation1 1.6s forwards;
	-webkit-animation-timing-function: linear;
	}
	.charts_orb svg circle.progress2 {
	stroke: #e09620;
	transition: stroke-dashoffset 0.35s;
	stroke-dashoffset: 214.16;
	-webkit-animation: counterAnimation2 4s forwards;
	-webkit-animation-timing-function: linear;
	}
	.charts_orb svg circle.progress3 {
	stroke: #e09620;
	transition: stroke-dashoffset 0.35s;
	stroke-dashoffset: 214.16;
	-webkit-animation: counterAnimation3 6.1s forwards;
	-webkit-animation-timing-function: linear;
	}
	@-webkit-keyframes counterAnimation1 {
	0% {
		stroke-dashoffset: 314.16;
		opacity: 0;
	}
	5%{
		opacity: 40%;
	}
	100% {
		stroke-dashoffset: 0;
	}
	}


	@-webkit-keyframes counterAnimation2 {
	0% {
		stroke-dashoffset: 314.16;
		opacity: 0;
	}
	40% {
		stroke-dashoffset: 314.16;
		opacity: 0;
	}
	41% {
		stroke-dashoffset: 314.16;
		opacity: 40%;
	}
	100% {
		stroke-dashoffset: 0;
	}
	}

	@-webkit-keyframes counterAnimation3 {
	0% {
		stroke-dashoffset: 314.16;
		opacity: 0;
	}
	65% {
		stroke-dashoffset: 314.16;
		opacity: 0;
	}
	66% {
		stroke-dashoffset: 314.16;
		opacity: 40%;
	}
	100% {
		stroke-dashoffset: 0;
	}
	}

	@property --num {
	syntax: "<integer>";
	initial-value: 0;
	inherits: false;
	}

	.count1 {
	transition: --num 2s;
	counter-set: num var(--num);
	}
	.count1::after {
	content: counter(num);
	}
	.count1:hover {
	--num: 5;
	}
	.count1_x {
	--num: 5;
	}
	.count2 {
	transition: --num 2.5s;
	counter-set: num var(--num);
	}
	.count2::after {
	content: counter(num);
	}
	.count2:hover {
	--num: 68;
	}

	.count2_x {
	--num: 68;
	}
	.count3 {
	transition: --num 2.5s;
	counter-set: num var(--num);
	}
	.count3::after {
	content: counter(num);
	}
	.count3:hover {
	--num: 24;
	}
	.count3_x {
	--num: 24;
	}

	.hov1:hover + .hide{
		display: block;
		color: red;
	}
	.hide{
		display: none;
	}

	
	.construcao-texto{
		color: #474747;
	}
	.construcao-img{
		height: 300px;
	}
	
	.thumbnails-container {
		display: flex;
		margin-top: 20px;
		margin-bottom: 125px;
		text-align: center;
		width: 100%;
		flex-wrap: wrap;
	}
	
	.thumbnails {
		flex: 1;
		margin: 6% 7%;
		background-color: white;
		min-width: 230px;
	}
	
	.tumbnail-img-box {
		width: 90%;
		height: 250px;
		margin: 5%;
		overflow: hidden;
	}
	
	.text-thumbnails{
		width: 90%;
		margin: 0% 5%;
	}
	
	.imgs-thumbnails {
		width: 100%;
		object-fit: cover;
		height: 250px;
		transition: all 0.3s;
		display: block;
		transform: scale(1);
	} 
	
	.imgs-thumbnails:hover {
		transform: scale(1.1);
	
	}
	
	.fnt18comp {
		font-size: 18;
	}
	
}