// Bootstrap library.
@import 'bootstrap.less';

// Base-theme overrides.
@import 'overrides.less';

@import "retina.less";

h1, .h1 { font-size: floor(@font-size-base * 1.70); }  
h2, .h2 { font-size: floor(@font-size-base * 1.45); }  
h3, .h3 { font-size:  @font-size-base; }
h4, .h4 { font-size: ceil(@font-size-base * 0.85); } 
h5, .h5 { font-size: ceil(@font-size-base * 0.55); } 
h6, .h6 { font-size: ceil(@font-size-base * 0.65); } 

h2 {
    font-weight:bold;
}

@query_md: ~"(min-width: @{screen-md}) and (max-width: @{screen-md-max})";
@query_md_lg: ~"@{query_md}, (min-width: @{screen-lg})";
@query_sm: ~"(min-width: @{screen-sm}) and (max-width: @{screen-sm-max})";
@query_sm_md_lg: ~"@{query_sm}, @{query_md_lg}";
@query_xs: ~"(max-width: @{screen-xs-max})";
@query_xs_sm: ~"@{query_xs}, @{query_sm}";

@media @query_xs {
    footer,
    .main-container {
	padding: 0 1em;
    }
}
// Theme specific.
@import 'header.less';
@import 'content.less';
@import 'footer.less';