.topnav {
    overflow: hidden;
    background-color:rgb(48, 46, 46);
    font-family: 'Roboto Mono', monospace;
   }
  
  .topnav a {
    float: left;
    display: block;
    color:#ffa500;
    text-align: center;
    padding:10px 10px 10px 10px;
    margin-right:10px;
    margin-top:10px;
    padding-left: 10px;
    text-decoration: none;
    font-size: 21px;
    height:45px;
    border-bottom:solid transparent 3px;
    line-height: 110%;
  }

  a.alineacion_links_top
  {
    
    float: right;
    /*border:solid orangered 1px;*/
    height: auto;
    padding-top: 20px;
    
  }
  
  .topnav a:hover {
    border-bottom:solid whitesmoke 3px;
    color: whitesmoke;
    
  }
  
  .topnav a.active {
    background-color:#ffa500;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
  

  img.LogoMainHeader {
    width: 85%;
    max-width: 150px;
    max-height: 100px;
    
    /*border:solid greenyellow 2px;*/

}



  @media screen and (max-width: 600px) {


    a.alineacion_links_top
    {
      
      margin-right: 5px;
      padding-right: 5px;
      padding-bottom: 0px;
      margin-bottom: 0px;
    }

    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }

.topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    
	.topnav.responsive {

      display: flex;
	  flex-direction: column;
      text-align: left;
	 
    }

/*en responsive debo reordenar los items del menu*/
.topnav.responsive > #logo_header {order: 1 } /* Will be displayed third  */
.topnav.responsive > #contacto {order: 5; } /* Will be displayed second */
.topnav.responsive > #marco_legal {order: 4; } /* Will be displayed first  */
.topnav.responsive > #fuentes {order: 3; } /* Will be displayed first  */
.topnav.responsive > #proyecto {order: 2; } /* Will be displayed first  */

	.topnav.responsive a {
      float: none;
      display: flex;
      text-align: left;
    }
    
    
    
    img.LogoMainHeader {
        width: 100%;
        max-width: 115px;
        max-height: 100px;
        /*border:solid red 2px;*/

    }



  }