/*HEADER------*/
header {
	grid-row: 1/2;
	top: 0px;
	left: 0px;
	height: var(--header);
	background-color:white;
	border-bottom:  1px solid black;
position: sticky;
z-index: 10;
	}

.wrapper-grid-header
{
	display: grid;
	grid-template-columns: max-content max-content 1fr;
	grid-template-areas: 
	"coname seconditem menu";
	height: 100%;
}

#co_name{
	
    font-size: 2em;
    color: var(--royalPurple);
	font-weight: bold;
    height: 75%;
    text-decoration: none;
    font-family: "Georgia", "serif","Apple Chancery", "Brush Script MT", "Brush Script Std", cursive;
   
  /*  -webkit-text-stroke-width: .6px;
    -webkit-text-stroke-color: var(--companylogo); */
}

.header-grid-left
{
	grid-area: coname;

	display: flex;
	padding: 0px 15px;
	align-items: center;
    justify-content: center;
}

.header-grid-middle {
	grid-column: seconditem;

	padding: 0px 10px;
	text-align: center;
	border-right: 1px solid black;

}

.header-grid-menu {
	grid-area: menu;
	display: flex;
	/*padding-right: 45px;*/
	align-items: center;
	justify-content: center;  
	

}

.limenu > li
{
	display: inline; /*I think inline removes the dot before each li*/
	text-decoration: none; /* prevents underline */
	color: black;
  }
.limenu > li:hover {
	color: var(--royalPurple);
	font-weight: bold;
}

/*HEADER end-----------*/