/* Switching box model for all elements */
* {
	box-sizing: border-box;
}

/* Responsive Navigation styles begin here */
@media (max-width: 900px) {
	
	nav + * {
		position: relative;
	}

	/* Theming opened nav */
	nav ul {
		
		/* maximum height */
		overflow: visible;

		/* translate with hardware acceleration */
		transform: translateZ(0);
		-webkit-transition: max-height .4s;
		        transition: max-height .4s, overflow .4s;
		will-change: max-height, overflow;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}

	
	/* Theming closed nav */
	nav.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling nav button */	
nav > button {
    display: block !important;
    top: 16px;
    right: 2rem;
    z-index: 1;
    height: 2rem;
    width: 3rem;
    background-color: transparent;
    background-image: linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333), linear-gradient(to right, #333, #333);
    background-position: center top, center center, center bottom;
    background-repeat: no-repeat;
    background-size: 3rem 0.2rem;
    padding: 0px;
    outline: 0px none;
    border: 0px none;
    cursor: pointer;
    float: right;
    margin-top: 0px;
    transition: all 0.2s ease 0s;
    position: absolute;
}
	
	/*  Removing Firefox's dotted outline on button */	
	nav > button::-moz-focus-inner {
		border: 0;
	}
	
	/* Theming opened nav button */	
	nav:not(.is-closed) > button {
        transform: rotate(180deg) translateZ(0px);
        background-position: center center, center center, center center;
	}
	
	
	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
	
}