.big_framework { background-color:white; display:block; width: 100%; }
.big_framework .medium_framework { margin:auto; padding-top: 120px; max-width: 1400px; width:90%; text-align: center; }
/*header*/ .wrapper {
margin: 0 auto; max-width: 1060px; padding: 1px 3em; height: 100%;
} header {
background-color: #000;
} 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 {
float: left; height: 80px;
} .brand p {
margin: 0;
} .rm-nav {
letter-spacing: 1px;
} .logo {
font-size: 1.4em; line-height: 40px; margin: 20px 0 0; width: 100px; height: 40px; background-color: #3C97D5; 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: 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: .75rem 1rem; font-size: .9em; 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;
}
.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;
}