/*!

* # Semantic UI 2.2.4 - Container
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************

Container

*******************************/

/* All Sizes */ .ui.container {

display: block;
max-width: 100% !important;

}

/* Mobile */ @media only screen and (max-width: 767px) {

.ui.container {
  width: auto !important;
  margin-left: 1em !important;
  margin-right: 1em !important;
}
.ui.grid.container {
  width: auto !important;
}
.ui.relaxed.grid.container {
  width: auto !important;
}
.ui.very.relaxed.grid.container {
  width: auto !important;
}

}

/* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) {

.ui.container {
  width: 723px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ui.grid.container {
  width: calc( 723px  +  2rem ) !important;
}
.ui.relaxed.grid.container {
  width: calc( 723px  +  3rem ) !important;
}
.ui.very.relaxed.grid.container {
  width: calc( 723px  +  5rem ) !important;
}

}

/* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199px) {

.ui.container {
  width: 933px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ui.grid.container {
  width: calc( 933px  +  2rem ) !important;
}
.ui.relaxed.grid.container {
  width: calc( 933px  +  3rem ) !important;
}
.ui.very.relaxed.grid.container {
  width: calc( 933px  +  5rem ) !important;
}

}

/* Large Monitor */ @media only screen and (min-width: 1200px) {

.ui.container {
  width: 1127px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ui.grid.container {
  width: calc( 1127px  +  2rem ) !important;
}
.ui.relaxed.grid.container {
  width: calc( 1127px  +  3rem ) !important;
}
.ui.very.relaxed.grid.container {
  width: calc( 1127px  +  5rem ) !important;
}

}

/*******************************

Types

*******************************/

/* Text Container */ .ui.text.container {

font-family: $font-family;
max-width: 700px !important;
line-height: 1.5;

} .ui.text.container {

font-size: 1.14285714rem;

}

/* 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;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

}

/*******************************

Theme Overrides

*******************************/

/*******************************

Site Overrides

*******************************/