.main-nav .navbar-toggler {
		right: 2rem;
		top: 3rem;
		opacity: 0;
		z-index: -1;
		pointer-events: none;
}
.brand-section.is-top .main-nav .navbar-toggler {
		opacity: 1;
		z-index: 999;
		pointer-events: auto;
		-webkit-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
}
.main-nav .navbar-toggler:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none;
}
.main-nav .hamburger-icon {
		position: relative;
		width: 30px;
		height: 20px;
		margin-right: .5rem;
}
.main-nav .hamburger-icon .line {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #c6b188;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}
.main-nav .hamburger-icon .line-1 {
		top: 0;
}
.main-nav .hamburger-icon .line-2 {
		top: 8px;
}
.main-nav .hamburger-icon .line-3 {
		top: 16px;
}
.main-nav .navbar-toggler.active .hamburger-icon .line-1 {
		top: 10px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}
.main-nav .navbar-toggler.active .hamburger-icon .line-2 {
		opacity: 0;
}
.main-nav .navbar-toggler.active .hamburger-icon .line-3 {
		top: 10px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}
@media (max-width: 1199px) {
		.main-nav .hamburger-icon {
				width: 25px;
				height: 15px;
		}
		.main-nav .navbar-toggler {
				right: 1rem;
				top: 2rem;
		}
}
@media (max-width: 576px) {
		.main-nav .navbar-toggler {
				right: .5rem;
				top: 2.5rem;
		}
		.main-nav .hamburger-icon {
				width: 25px;
				height: 15px;
		}
}