/*
Theme Name: MTLKiosk
MTL Kiosk stuff
*/

body {
	min-width:320px;
	line-height:21px;
}
@media only screen and (min-width: 0) {
html {
	font-size: 15px
}
}

@media only screen and (min-width: 992px) {
html {
	font-size: 15.5px
}
}

@media only screen and (min-width: 1200px) {
html {
	font-size: 16px
}
}

html,body {
	margin: 0;
	padding:0;
}
body {
	background-color: #f0f1f1;
	width: 100%;
}
html {
	line-height: 1.7;
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: normal;
	color: #4a4a4a;
}

body, p, ul, ol, li, blockquote, div, span {
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #4a4a4a;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: "neuzeit-grotesk", sans-serif;
	font-weight: 300;
	color: #4a4a4a;
	letter-spacing: 0px;
	margin: 0.2em 0 0.2em;
	text-rendering: optimizelegibility;
	text-transform: uppercase;
}
h1 {
	font-size: 2.625rem;
	font-weight: 600;
	line-height: 1.2;
}
h2 {
	font-size: 2.625rem;
	font-weight: 700;
	text-transform: none;
	line-height: 1.2;
}
h3 {
	font-size: 2rem;
	line-height: 1.2;
}
h4 {
	font-size: 1.75rem;
	font-weight: 500;
	text-transform: none;
	line-height: 1.2;
}
strong {
    font-weight: 700;
}
a, a:hover, a:active, a:focus, a img {
	border: 0 none;
	outline: 0 none;
}
a, a:active, a img {
	outline:0;
	border:0;
}
i.right {
	margin-left:5px;
}
.current-menu-item a, .current-menu-ancestor a, .current_page_parent a {
	background: rgba(0,0,0,.1);
}
nav {
    background-color: #282a30;
	box-shadow: none;
}