/* Unessential CSS - Just here to make this sample page prettier */

html, body {
    height: 100%;
}
body {
    margin: 0;

}
.wrapper {
    margin: 0 auto;
    width:100%;
    padding:0;
    height:auto;
}
#header {
	width:100%;
	height:auto;
	position:fixed;
	z-index:999;
	box-shadow: 0px 13px 35px -12px rgba(43, 50, 54, 0);
	padding-bottom:15px;
}
.brand, h1, h2, h3 {
margin-block-end: 0em;

 }

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand {
    float: left;
    height: 80px;
	padding-left:4%;
}
.brand p {
    margin: 0;
}
.logo {
    font-size: 1.4em;
    line-height: 40px;
    margin: 20px 0 0;
    width: 266px;
    height: 55px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 0;
}

.rm-toggle.rm-button {
    margin-top:10px;
		position:relative;
	z-index:1000;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    float: right;
	padding-right:5%
}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 80px;
    line-height: 80px;
	font-size:18px;
}