/**
*  Header
* 	==============================================================================
*/

/**
*  Navigation/Menu
*/

/* Custom Logo */

.custom-logo {
	height: 25vh;
	width: auto;
	transition: 0.4s;
}

.custom-logo.scrolled {
	height: 15vh;
	width: auto;
}

/* Menu container */

.new-site-navigation {
	position: -webkit-sticky; /* Safari */
  	position: sticky;
  	top: 0;
	background: #FFFFFF;
	z-index: 1;
}

.new-site-navigation * {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.new-site-navigation {
	display: flex;
	justify-content: space-around;
	align-items: end;
}

/* Menu & Items */

.new-quales-nav {
	display: flex;
	justify-content: space-around;
	width: 50%;
	padding-bottom: 7px;
}

.menu-item {
	list-style: none;
}

.menu-item a {
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: black;
	font-size: 1.25rem; /* 20px */
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
}

.menu-item a:visited {
	color: black;
	text-decoration: none;
}

.menu-item img {
    height: 50% !important;
    width: auto !important;
}

/* Burger Icon */

.burger {
	display: none;
}

.burger div {
	width: 55px;
	height: 6.5px;
	background-color: #7A878D;
	margin: 8px;
}

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

    /**
    *  Navigation/Menu
    */

    /* Custom Logo */

    .custom-logo.scrolled {
		height: 15vh;
		width: auto;
	}

	.custom-logo {
		height: 15vh;
		width: auto;
	}

    /* Menu container */

    .new-site-navigation {
		align-items: center;
		position: -webkit-static; /* Safari */
		position: static;
	}

    #template-body {
		overflow-x: hidden;
		position: relative;
	}

    /* Menu & Items */

	.new-quales-nav {
		position: absolute;
		right: 0px;
		top: 15vh;
		height: 85vh;
		background-color: white;
		flex-direction: column;
		align-items: center;
		padding-bottom: 0px;
		z-index: 1;
		width: 100%;
		transform: translateX(100%);
		transition: transform 0.5s ease-in;
	}

    .nav-active#main_menu  {
		transform: translateX(0%);
	}

	.nav-active#template-body {
		position: fixed;
		width: 100%;
	}

	.menu-item a {
		font-size: 3rem;
	}

	.menu-item img {
		height: 80% !important;
		width: auto !important;
	}

    /* Burger Icon */

    .burger {
		display: block;
        cursor: pointer;
	}

    /* Burger To Cross Transition */

	.burger div {
		transition: 0.5s;
	}

	.cross .burger-line-1 {
		transform: rotate(-45deg) translate(-6.5px, 6.5px);
	}

	.cross .burger-line-2 {
		opacity: 0;
	}

	.cross .burger-line-3 {
		transform: rotate(45deg) translate(-14px, -14px);
	}
}