/* *********************************************************************************************************************
 * Main container for all
 */
.container {
  clear: both;
  margin: 0 auto;
  padding: 0 0 0 1%;
  position: relative;
  max-width: 1220px; }

.fm1, .fm2, .fm3, .fm4, .fm5, .fm6, .fm7, .fm8, .fm9, .fm10, .fm11 {
  float: left;
  margin: 0 3% 0 0; }

.fm1.last, .fm2.last, .fm3.last, .fm4.last, .fm5.last, .fm6.last, .fm7.last, .fm8.last, .fm9.last, .fm10.last, .fm11.last, .fm12 {
  margin: 0; }

.fm1 {
  width: 5.5%; }

.fm2 {
  width: 14%; }

.fm3 {
  width: 22.5%; }

.fm4 {
  width: 31%; }

.fm5 {
  width: 39.5%; }

.fm6 {
  width: 48%; }

.fm7 {
  width: 56.5%; }

.fm8 {
  width: 65%; }

.fm9 {
  width: 73.5%; }

.fm10 {
  width: 82%; }

.fm11 {
  width: 90.5%; }

.fm12 {
  width: 99%;
  margin: 0; }

.fm1 img, .fm2 img, .fm3 img, .fm4 img, .fm5 img, .fm6 img, .fm7 img, .fm8 img, .fm9 img, .fm10 img, .fm11 img, .fm12 img {
  width: 100%;
  height: auto;
  display: block; }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .container {
    float: none;
    margin: 0 3%;
    padding: 0;
    width: 94%; } }
/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 480px) {
  .fm1, .fm2, .fm3, .fm4, .fm5, .fm6, .fm7, .fm8, .fm9, .fm10, .fm11, .fm12, .fm1.last, .fm2.last, .fm3.last, .fm4.last, .fm5.last, .fm6.last, .fm7.last, .fm8.last, .fm9.last, .fm10.last, .fm11.last {
    float: none;
    margin: 0px 4%;
    width: 92%; } }

/*# sourceMappingURL=grid.css.map */