/*

√
- rename .column-aside? .column-aside-l, .column-aside-r
- reorganize .header/.main/.footer columns: .header__sidebar, .header__content

*/

@media screen and (max-width: 29.938em) {
	.column-sidebar--primary{
		margin-bottom: 1em}		
}
@media screen and (min-width: 29.938em) {
	.column{
		width: 100%;
		display: inline-block;
		vertical-align: top}
	.column-content{
		width: calc(100% - 64px)}
	.column-sidebar{
		position: relative;
		width: 44px;
		margin-right: 20px/*;
		padding: 0 !important*/}
	.column-sidebar.fixed {
    	position: absolute}
}
@media screen and (min-width: 30em) {
	.column-content{
		width: calc(100% - 88px)}
	.column-sidebar{
		width: 68px;
		margin-right: 20px}
}
@media screen and (min-width: 35em) {
	.column-aside{
		height: 100%}
	/*.column-aside:first-child*/ .column-aside-l{
		width: 55%}	
	.column-aside-r{
		width: 45%}	

}
@media screen and (min-width: 35em) {
	.column-sidebar{
		padding-bottom: 2em}	
}
@media screen and (min-width: 48em) {
	.column-content{
		width: calc(100% - 108px)}
	.column-sidebar{
		width: 88px;
		margin-right: 20px}	
}
@media screen and (min-width: 60em) {
	.column-content{
		width: calc(100% - 304px)}
	.column-sidebar{
		margin-right: 108px;
		width: 196px}
}

/* header */
/* DELETE
.header .column-sidebar, .header__sidebar, .bar__sidebar{
	padding: 0.625em 0}
@media screen and (min-width: 29.938em) {
	.header .column-sidebar, .header__sidebar, .bar__sidebar{
		padding: 0}
}
*/
/* main */
/* DELETE
@media screen and (min-width: 29.938em) {
	.main .column-sidebar, .main__sidebar{
		padding: 1em 0 !important}
}
@media screen and (min-width: 48em) {
	.main .column-sidebar, .main__sidebar{
		padding: 2em 0 !important}	
}
*/
/* footer */
@media screen and (min-width: 29.938em) {
	.footer{
		position: relative;
		display: flex}
	/*.footer .column-sidebar, */.footer__sidebar{
		display: flex;
		align-items: flex-end}
}
@media screen and (min-width: 30em) {
	/*.footer .column-content, */.footer__content{
		padding-top: 1em}
	/*.footer .column-sidebar, */.footer__sidebar{
		align-items: center}	
}
@media screen and (min-width: 35em) {
	.footer{
		padding-bottom: 1em}
	/*.footer .column:first-child, */.footer__sidebar{
		padding-right: 0/*;
		padding-bottom: 1em*/}		
}
@media screen and (min-width: 48em) {
	/*.footer .column:last-child, */.footer__content{
		padding-bottom: 1em}	
}
@media screen and (min-width: 60em) {
	/*.footer .column-content, */.footer__content {
    	padding-top: 2em}
}

/* bar */
.bar__sidebar{
	padding: 0.625em 0}
@media screen and (min-width: 29.938em) {
    .bar{
		padding-top: 1em;
		display: flex;
		align-items: center}
	/*.bar .column-sidebar, */.bar__sidebar{
		padding: 0;
		text-align: right;
		min-height: auto}
}
@media screen and (min-width: 60em) {
	/*.bar .column-sidebar, */.bar__sidebar{
		text-align: left}
}