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











header:after {

    content: " ";

    display: table;

    clear: both;

}

.brand, h1, h2, h3 {

     font-family: 'Roboto Condensed', sans-serif;

     font-weight: 400;

     letter-spacing: 1px;

 }

h4, h5, h6 {

    letter-spacing: 1px;

}

h1 {

    font-size: 28px;

}



.main .dev-output pre {

    overflow: auto;

    max-height: 500px;

    background-color: #EBF4FD;

    padding: 0 1em 1em;

}



.brand p {

    margin: 0;

}

.rm-nav {

    letter-spacing: 1px;

}

.logo {

	font-size: 1.4em;

	line-height: 40px;

	width: auto;

	text-align: center;

	font-weight: bold;

	letter-spacing: 2px;

	display: block;

	float: left;

	text-decoration: none;

	color: #fff;

	padding: 0;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



.rm-toggle.rm-button {

    margin-top: 25px;

}



.rm-css-animate.rm-menu-expanded {

    max-height: none;

    display: block;

}

.rm-container.rm-layout-expanded {

    float: right;

}

.rm-nav li a,

.rm-top-menu a {
	padding: 1.5rem 1.5rem;
	font-size: 15px;
	line-height: 1.5rem;
	color: #663300;
	font-family: 'Barlow', sans-serif;
	font-weight: 700;

}



.rm-layout-expanded .rm-nav > ul > li > a,

.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {

    height: 75px;

    line-height: 70px;

		padding-left:15px;

	padding-right:15px;

}



.main {

    background-image: url("../images/cloud.jpg");

    background-position: center top;

    background-repeat: repeat-x;

    min-height: 100%;

    padding-top: 1px;

}

.tagline {

    width: 360px;

    font-size: 1.75em;

    font-weight: bold;

    letter-spacing: 2px;

    line-height: 1.2;

    text-align: center;

    margin: 275px auto;

    color: #1A88D3;

}

.tagline strong {

    font-size: 1.3em;

}

.dev-output {

    background-color: #e1eaf3; /* fall-back */

    background-color: rgba(255,255,255,.85);

    color: #000;

    padding: 2em;

    margin-bottom: 2em;

}