Doubt Css - Unify Divs

Question

Hello everybody Good afternoon!

Look at the image below, is there any css property where I can remove the dividing line of the 2 Divs so the content stays the same? or the best option would be to get an image already in the format I wish ? Thank you!

Css

nav.navbar.navbar-inverse{
    position: fixed;       
    height: 45px;
    background-color:rgba(255, 255, 255, .5);       
    left: 24%;
    width: 100%;
    border:none;
    float:left;
    -webkit-transform: skew(-9.5deg); /* Chrome, Opera */
    -ms-transform: skew(-9.5deg); /* IE */
    transform: skew(-9.5deg); /* Padrão */
    z-index: 804;      
}


.logo-topo{
    position:fixed;
    background-color:rgba(255, 255, 255, .5);   
    float:left;
    height: 165px;
    left: -3%;
    width: 380px;


    -webkit-transform: skew(-10.0deg); /* Chrome, Opera */
    -ms-transform: skew(-10.0deg); /* IE */
    transform: skew(-10.0deg); /* Padrão */
    z-index: 805;  
    border:none;
    border-radius: none;   


}

HTML

Menu

      <!-- Menu do Site -->
        <nav class="navbar navbar-inverse">
          <div class="container-fluid">
            <ul class="nav navbar-nav">
              <?php 
                // verificando se existe um diretorio raiz cadastrado para fins de desenvolvimento (configuration.php)
                $dir = diretorio();
              ?>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home": URL::getBase()."/".$dir."/home/home"?>><i class="fa fa-home"></i>&nbsp; Home</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#seguros": URL::getBase()."/".$dir."/home/home#seguros" ?>><i class="fa fa-bars" aria-hidden="true"></i>&nbsp; Quem Somos</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#seguradora": URL::getBase()."/".$dir."/home/home#seguradora"?>><i class="fa fa-university" aria-hidden="true"></i>&nbsp; Serviços</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/noticias": URL::getBase()."/".$dir."/home/noticias"?>><i class="fa fa-newspaper-o" aria-hidden="true"></i>&nbsp; Noticias</a></li>
                <li><a href=<?=(Empty($dir))? URL::getBase()."/home/home#faleconosco": URL::getBase()."/".$dir."/home/home#faleconosco"?>><i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp; Contato</a></li>
             </ul>

           </div>
        </nav>

Soon

<!-- classe para centralizar -->
<div class="container">
    <div class = "logo-topo">
      <!-- imagem do logo -->
        <?php
          foreach($result_logo as $dados_logo){
          echo"<a href='index.php'><img id='logo' src='$dados_logo->caminho_logo' alt='LogoTipo' width= '250'></a>";
          }
        ?>
    </div>
</div>

Answer 1

I believe that the solution would be to separate them and determine the different size and positioning (use transparent background in PNG). I may be wrong, but I haven’t found any irregularities in your code.