@import 'grid.less';


//////////
// GRID //
//////////

// Specify the number of columns and set column and gutter widths
@columns: 24;
@column-width: 30;
@gutter-width: 20;

// Remove the definition below for a pixel-based layout
@total-width: 100%;


////////////
// LAYOUT //
////////////

.top {.column(15);}
header {.column(15);}
article {.column(6);}
	.work_article article {.column(18);}
	.page_article article {.column(24);}
footer {.column(15);}
.background {.column(16);}
#main_author_page.author_details {.column(16);}

////////////////
// TYPOGRAPHY //
////////////////



.section_title {.column(24);}
h2 {.column(15);}




@media screen and (max-width: 801px) {

	.top {.column(24);}
	header {.column(24);}
	article {.column(24);}
		.work_article article {.column(24);}
		.page_article article {.column(24);}
	footer {.column(24);}
	.background {.column(24);}
	#main_author_page.author_details {.column(24);}
	
	.section_title {.column(24);}
	h2 {.column(24);}	
	
}