/*! * # Fomantic-UI 2.9.0-beta.301+42e68bc - Container * http://github.com/fomantic/Fomantic-UI/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Container *******************************/ /* All Sizes */ .ui.container { display: block; max-width: 100%; } /* Mobile */ @media only screen and (max-width: 767.98px) { .ui.ui.ui.container:not(.fluid) { width: auto; margin-left: 1em; margin-right: 1em; } .ui.ui.ui.grid.container { width: auto; } .ui.ui.ui.relaxed.grid.container { width: auto; } .ui.ui.ui.very.relaxed.grid.container { width: auto; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991.98px) { .ui.ui.ui.container:not(.fluid) { width: 719px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(719px + 1rem); } .ui.ui.ui.relaxed.grid.container { width: calc(719px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(719px + 5rem); } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .ui.ui.ui.container:not(.fluid) { width: 927px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(927px + 1rem); } .ui.ui.ui.relaxed.grid.container { width: calc(927px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(927px + 5rem); } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.ui.ui.container:not(.fluid) { width: 1119px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(1119px + 1rem); } .ui.ui.ui.relaxed.grid.container { width: calc(1119px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(1119px + 5rem); } } /******************************* Types *******************************/ /* Text Container */ .ui.text.container { font-family: 'Raleway', sans-serif; max-width: 700px; line-height: 1.5; font-size: 1.16666667rem; } /* Fluid */ .ui.fluid.container { width: 100%; } /******************************* Variations *******************************/ .ui[class*="left aligned"].container { text-align: left; } .ui[class*="center aligned"].container { text-align: center; } .ui[class*="right aligned"].container { text-align: right; } .ui.justified.container { text-align: justify; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /******************************* Theme Overrides *******************************/ /******************************* Site Overrides *******************************/