Mini Shell

<style type="text/css">
	#footer{padding: 80px 0; position: relative !important; overflow: hidden; padding-bottom: 10px}
	#footer .flut{position: absolute; bottom: -120px; padding: 0 40px; z-index: 1 !important}
	#footer .flex{display: flex; justify-content: center; align-items: flex-start; gap: 50px}
	#footer .flex2{display: flex; justify-content: space-between; align-items: flex-end; gap: 50px}
	#footer .conteudo{z-index: 5 !important; position: relative;}
	#footer .menu li{list-style: none; display: inline-block;}
	#footer .menu li a{color: #1d1d1d; font-size: 12px; text-transform: uppercase; padding: 0 5px}
	#footer .infs{display: flex; gap: 30px; font-size: 12px}
	#footer .img-footer{width: 700px}

	@media(max-width: 767px){  
	    <?php echo $idcss ?> .img-footer{display: none}
	    <?php echo $idcss ?> .flex2{display: block;}
	    <?php echo $idcss ?> .infs{display: block;}
	    <?php echo $idcss ?> .flutuante{max-width: 90%}
	}
</style>

<div id="footer">
	<img class="flut" width="100%" src="<?php echo RAIZ ?>img/footer.png">
	<div class="container conteudo">
		<div class="flex">
			<img class="flutuante" src="<?php echo RAIZ ?>img/flut.png">
			<img class="img-footer img-fluid" src="<?php echo RAIZ ?>img/footer-img.png">
		</div>
		<div class="clear30"></div>
		<div class="flex2">
			<div class="menu hidden-xs">
				<?php include('templates/func/menu.php') ?>
			</div>
			<div class="logo"><img src="<?php echo RAIZ ?>img/logo-footer.png"></div>
			<div class="clear30 visible-xs"></div>
			<div class="infs">
				<div class="info1">21  |  SETEMBRO  |  2024</div>
				<div class="info2">SEMINÁRIO SÃO JOSÉ  |  CASCAVEL - PR</div>
			</div>
		</div>
	</div>
</div>
<div id="a"></div>