Mini Shell

<style type="text/css">
#header{position: sticky; top: 0; left: 0; width: 100%; background: #fff; z-index: 999 !important; border-bottom: solid 2px #1d1d1d}
#header .menu li{list-style: none; display: contents;}
#header .menu li a{padding: 12px 17px; color: #101010; font-weight: 600; text-transform: uppercase; font-size: 13px; margin: 0; border: solid 1px #000; border-radius: 100px; margin-right: 10px; cursor: no-drop

}
#header .menu li a:hover{background-color: #ccc; color: #fff !important; border-color: #ccc}
#header .menu{padding-left: 0; margin-bottom: 0}
#header .logo img{margin: 25px 0; margin-right: 40px}
#header .flex{display: flex; justify-content: space-between; align-items: center; }
#header .left{display: flex; justify-content: space-between; align-items: center; }
#header .right{display: flex; justify-content: space-between; align-items: center; }
#header .redes a{color: #101010; font-size: 16px; margin-right: 5px}
#header .button{border: solid 1px #101010; padding: 5px 30px; border-radius: 15px; margin-left: 20px; display: inline-block;}
#header .button img{width: 130px}
.navbar{margin-bottom: 0}


</style>
<header id="header" class="hidden-xs hidden-sm shadow transition">
    <div class="container">
        <div class="flex">
            <div class="left">
                <div class="topo-flex">
                    <a href="<?php echo RAIZ ?>" class="logo">
                        <img src="<?php echo RAIZ_UP.$row_configuracoes['configuracoes_logo'] ?>" class="img-responsive">
                    </a>
                </div>
                <div class="topo-flex">
                    <?php 
                    $query = "SELECT paginas_id, paginas_titulo, paginas_url FROM paginas WHERE paginas_menu = 1 ORDER BY paginas_ordem_menu ASC";
                    $paginas = mysqli_query($config, $query) or die(mysqli_error());
                    ?>
                    <ul class="menu">
                        <?php include('templates/func/menu.php') ?>
                    </ul>
                </div>
            </div>
            <div class="right">
                <div class="topo-flex redes">
                    <?php 
                    $query = "SELECT * FROM registros WHERE registros_idpg = 24 ORDER BY registros_ordem ASC";
                    $registros = mysqli_query($config, $query) or die(mysqli_error());
                    $row_registros = mysqli_fetch_assoc($registros);
                    $num_rows = mysqli_num_rows($registros);
                    if($num_rows > 0){
                    ?>
                        <?php do{ ?>
                            <a href="<?php echo $row_registros['registros_link'] ?>" target="_blank"><?php echo $row_registros['registros_texto'] ?></a>
                        <?php }while($row_registros = mysqli_fetch_assoc($registros)); ?>
                    <?php } ?>
                    <a class="button hvr-bob transition" href="https://www.eventos365.com.br/Event/Detail/30008" target="_blank">
                        <img src="<?php echo RAIZ ?>img/button.jpg">
                    </a>
                </div>
            </div>
        </div>
    </div>
</header> 
<?php include('header2-mobile.php'); ?>