@media (min-width: 1024px) {

/* Sets the width of content area for full-width layout */
.full-width #main *[class*="mod_"] .inside,
.full-width #footer .inside {
    max-width:1200px;
}

/* Sets the width of content area for boxed layout */
.boxed #wrapper {
    max-width:1200px;
}
.boxed #header-bar {
    max-width:1200px;
}
#header-bar .inside {
    max-width:1200px;
}

/* Sets the width of content area for full-with layout when using columns */
.has-columns #container {
    max-width:1200px;
}
.add-left #left {
    width:25%;
    left: calc(-100% + 25%);
}
.add-left.add-right #left {
    width:25%;
    left: calc(-100% + 25% + 25%);
}
.add-right #right {
    width:25%;
}
.add-left #main {
    width: calc(100% - 25%);
    left: 25%;
}
.add-right #main {
    width: calc(100% - 25%);
}
.add-left.add-right #main {
    width: calc(100% - 25% - 25%);
    left: 25%;
}
.hero .inside {
    max-width:1200px;
}
body {
    font-size:1.5em;
}
h1 {
    font-size:4.5rem;
}
h2 {
    font-size:3.5rem;
}
h3 {
    font-size:2.8rem;
}
h4 {
    font-size:2.4rem;
}
h5 {
    font-size:1.8rem;
}
h6 {
    font-size:1.5rem;
}
}