/*! * # Semantic UI 2.0.0 - Container * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2015 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Container *******************************/ .ui.container { display: block; max-width: 100% !important; } @media only screen and (max-width: 780px) { .ui.container { width: auto; margin-left: 1em !important; margin-right: 1em !important; } .ui.grid.container { width: auto !important; } } @media only screen and (min-width: 781px) and (max-width: 991px) { .ui.container { width: 752px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc( 752px + 2em ) !important; } } @media only screen and (min-width: 988px) and (max-width: 1228px) { .ui.container { width: 960px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc( 960px + 2em ) !important; } } @media only screen and (min-width: 1228px) { .ui.container { width: 1200px; margin-left: auto !important; margin-right: auto !important; } .ui.grid.container { width: calc( 1200px + 2em ) !important; } } /******************************* Types *******************************/ .ui.text.container { display: block; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; max-width: 700px !important; line-height: 1.5; } .ui.text.container { font-size: 1.14285714rem; } /******************************* 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; }