#heading {
	font-family: 'maaxbold';
}
#header .logo {
    font-family: 'maaxbold';
    text-transform: uppercase;
}
.show_narrow {
    display: none !important;
}
#header nav {
    margin: 0 auto;
    text-align: center;
}
#header nav a {
	cursor: pointer;
}

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

@media screen and (max-width: 736px) {
    .show_narrow {
        display: block !important;
    }
    .hide_narrow {
        display: none !important;
    }
    #header nav {
	    margin: 0 0;
	}
	#heading {
        height: 25rem !important;
        min-height: 25rem;
    }
    h1 {
      font-size: 2.5rem;
    }
}

@media screen and (max-width: 400px) {
    #heading {
        height: 15rem !important;
        min-height: 15rem;
    }
    h1 {
	  font-size: 2rem;
	}
}