/**
 * Shame CSS
 *
 * Dedicated stylesheet to house quick fixes and hacks that can be refactored
 * at a later time. Please make sure to use !important if you are overriding
 * existing styling and make sure to document your changes.
 *
 * Remember to enque the file in the assets function in app/setup.php
 */

 @media (max-width: 1023px) {
	.button + .button {
		margin-top: 15px;
	}
}

.nav-control {
	position: static;
}

@media (max-width: 1023px) {
	.header__bottom {
		padding: 0 !important;
	}

	.header__branding {
		position: absolute;
		top: 0;
		margin-top: 0 !important;
		transition: none !important;
	}

	.nav-is-open .header-component-b .header__bottom .header__branding {
		top: -90px
	}
}

@media (min-width: 1024px) and (max-width: 1100px) {
    .header-component-b .header__bottom .header__branding {
        max-width: 130px;
	/* margin-top: -100px*/
    }
}