/* Nav - CSS */




#nav-logo
{
	max-width: calc(100% - 32px);
	justify-self: start;
	margin: 16px 0;
}

#nav-logo a
{
	display: grid;
}

#nav-logo img
{
	max-width: 100%;
	max-height: 166px;
}














#nav 
{
background: #000;
	
	
}

#nav .workspace
{
	justify-content: center;
	padding-bottom: 16px;
}

@media( min-width:768px )
{
	#nav .workspace
	{
		justify-content: start;		
	}
}

@media( min-width:992px )
{
	#nav .workspace
	{
		grid-template-columns: max-content auto max-content;
		justify-content: initial;
		padding-bottom: 0px;
	}
}

#nav-logo, #nav-burger
{
	grid-row: 1;
	align-self: center;
	justify-self: center;
}

/* - */

#nav-burger
{
	display: grid;
	justify-self: start;
	font-size: 32px;	
	color: rgb( 253, 62, 74);
}

.nav-burger-active
{
	color: #b5b5b5!important;
}

@media( min-width: 768px )
{
	#nav-burger
	{
		display: none;
	}
}

/* - */







#nav-links
{
	grid-row: 2;
	grid-gap: 8px;
	display: none;	
}

@media( min-width: 768px )
{
	#nav-links
	{
		display: grid;
/*		background-color: #eaeaea;*/
		grid-gap: 24px;
		padding: 0 32px;
	}
}

/* - */

@media( min-width: 992px )
{
	#nav-links
	{
		grid-row: 1;
		grid-column: 3;
		align-self: center;
	}
}

.show-nav
{
	display:grid!important;
}

/* - */

.page-link
{
	display: grid;
	background-color: darkgrey;
	align-content: center;
	height: 42px;
	transition: background ease .3s;
    font-family: "Spartan";
    
    width: 100%;
}

.page-link:hover
{
	background-color: rgb( 253, 62, 74);
}


.page-link a
{
	text-decoration: none;
	color: darkgray;
	letter-spacing: 2px;
	text-transform: uppercase;
    
    font-size: 10px;
    
    text-align: center;
}

@media( min-width:768px )
{
	.page-link
	{
		background: none!important;
		grid-row: 1;
	}
	
	.page-link a
	{
		margin: 0;
		transition: color ease .2s;
        font-size: 14px;
	}
	
	.page-link a:hover
	{
		color: #9f9f9f;
		cursor: pointer;
	}
}

/* - */



/* - */

.active-link 
{
	background-color: rgb( 253, 62, 74);
}

.active-link a
{
	color: #fff;
}

@media( min-width:768px )
{
	.active-link a
	{
		color: rgb( 253, 62, 74);
	}	
}

/* - */