/* Unessential CSS - Just here to make this sample page prettier */
.main .dev-output pre {
overflow: auto; max-height: 500px; background-color: #EBF4FD; padding: 0 1em 1em;
} .rm-nav {
letter-spacing: 0px;
}
.rm-css-animate.rm-menu-expanded {
max-height: none; display: block;
} .rm-container.rm-layout-expanded {
float: left;
width: 100%; } .rm-nav li a, .rm-top-menu a {
padding: .75rem 1rem; font-size: 0.75rem ! important; 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: 90px; }
.main {
background-position: center top; background-repeat: repeat-x; min-height: 100%; padding-top: 1px;
}
.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;
} @media screen and (max-width: 1200px) { .rm-nav li a, .rm-top-menu a { padding: .75rem 0.3rem; font-size: 0.75rem ! important; line-height: 1.5rem; text-transform: uppercase; } #wrapper_nav{ height: 70px; } #mynav { top:-50px; } .rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
height: 50px;
line-height: 50px; }
}
@media screen and (max-width: 1050px) { .rm-nav li a, .rm-top-menu a { padding: .75rem 0.5rem; font-size: 0.5rem ! important; line-height: 1.5rem; text-transform: uppercase; } } @media screen and (max-width: 970px) { .rm-nav li a, .rm-top-menu a {
padding: .3rem 0.5rem; font-size: 0.3rem ! important; line-height: 1.5rem; text-transform: uppercase;
} } @media screen and (max-width: 900px) { #wrapper_nav { border:none; box-shadow: none; } #logo { width: 30%; } #mynav { top: -100px; right: -30px; width: 100%; } .rm-toggle,.rm-button { height: 70px; } }