.header{
	display: none;
}

.headerlogo {
    position: fixed;
    top: 50px;
    right: 50px;
    height: .96rem;
    line-height: 16px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    z-index: 200;
    font-size: 16px;
    text-transform: uppercase;
    width: 350px;
    text-align: right;
    cursor: pointer;
    letter-spacing: 5px;
    display: block;
    background-image: url(/images/lp_logo_white.svg);
    background-size: contain;
    text-indent: -999em;
}
.headerlogo h1{
	text-indent: -999em;
	position: absolute;
	left: -9000px;
}

.hamburger {
	position: fixed;
	top: 45px;
	left: 50px;
	width: 35px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	z-index: 9999; /* Optional, to ensure it's on top */
}

.hamburger span {
	display: block;
	height: 4px;
	width: 100%;
	background-color: #ff1c00;
	border-radius: 0px;
}


.open-thumbs {
    width: 33px;
    height: 18px;
    position: absolute;
    top: -36px;
    left: 50%;
    margin: 0 0 0 -16px;
    line-height: 24px;
    text-align: center;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    z-index: 200;
    background: transparent!important;
    background-image: url('/images/chevron_up.svg')!important;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
   
}

.open-thumbs:before {
	content: ""!important;
}

@media only screen and (max-width: 667px) {
    .headerlogo {
        width: 226px;
        height: 10px;
        background-size: contain;
        top: 30px;
        right: 30px;
    }
    .hamburger {
		top: 25px;
		left: 30px;
	}
	#nav {
    	padding-top: 58px!important;
	}
	
}

/* Mobile landscape — covers most smartphones in landscape mode */
@media only screen 
  and (max-width: 812px)   /* iPhone X landscape width or similar */
  and (max-height: 480px)  /* landscape height limit */
  and (orientation: landscape) {
    
    .headerlogo {
        width: 226px;
        height: 10px;
        background-size: contain;
        top: 30px;
        right: 30px;
    }
    .hamburger {
		top: 25px;
		left: 30px;
	}
	.hamburger.active {
		right: 20px;
		left: auto;
	}
	#nav {
    	padding-top: 58px!important;
	}
}
/* Even smaller landscape devices (older phones) */
@media only screen 
  and (max-width: 736px) 
  and (max-height: 414px) 
  and (orientation: landscape) {

    .headerlogo {
        width: 226px;
        height: 10px;
        background-size: contain;
        top: 30px;
        right: 30px;
    }
    .hamburger {
		top: 25px;
		left: 30px;
	}
	 .hamburger.active {
		right: 20px;
		left: auto;
	}
	#nav {
    	padding-top: 58px!important;
	}
}

/* Ultra-narrow landscape (very small devices) */
@media only screen 
  and (max-width: 640px) 
  and (orientation: landscape) {

   .headerlogo {
        width: 226px;
        height: 10px;
        background-size: contain;
        top: 30px;
        right: 30px;
    }
    .hamburger {
		top: 25px;
		left: 30px;
	}
	 .hamburger.active {
		right: 20px;
		left: auto;
	}
	#nav {
    	padding-top: 58px!important;
	}
}