@import "bootstrap/css/layouts.less";
@import "css/layoutgala/9";
@import "css/layoutgala/33";
@import "css/layoutgala/27";

#layoutgala33 > .core(8,4,4,@gridColumnWidth,@gridGutterWidth);
#content > .inner {padding-right: @gridColumnWidth/2;}

@media (min-width: 1200px) {
  #layoutgala9 > .core(6,3,3,@gridColumnWidth1200,@gridGutterWidth1200);
  #content > .inner {padding-right: @gridColumnWidth1200/2;}
}
@media (min-width: 768px) and (max-width: 979px) {
  #layoutgala33 > .core(8,4,4,@gridColumnWidth768,@gridGutterWidth768);
  #content > .inner {padding-right: 0;}
}
@media (max-width: 767px) {
  #layoutgala27 > .core(auto,48%,48%,@gridColumnWidth768,@gridGutterWidth768);
  #content > .inner {padding-right: 0;}
}

@media (max-width: 450px) {
  div#aside {float:none;width:100%;}
  div#extra {float:none;width:100%;}
}

/*
#content{float:right;}
#aside{float:left;}
#extra{float:left;clear:left;}
*/
#footer {text-align: center; margin-top: 4em;padding: 4em 0;}