article section
{
  flex-direction: column-reverse;
}

article section > aside
{
  display:flex;
  width:auto;
  flex-flow: row wrap;
}

article section > aside > *
{
  flex: 1 1 10rem;
  min-width: 40%;
}

article section > .main
{
  width: auto;
}

article aside
{
  margin: -0.5rem;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
article aside > *
{
  margin: 0.5rem;
}

@media all and (max-width:60rem) 
{
  article section { display: flex; flex-flow: column-reverse; }
  article section > * { width: auto; }
}

@media all and (max-width:42rem) 
{
  article section > aside { margin-top:1rem; }
}







#uuid-f24c5c34-f78f-11e8-9932-4631624c9a50 aside .actions.download
{
	display: none;
}

.main.page{max-width:95rem;}


div.framelessimage,
div.framelessimage + div.framelessimage
{
  margin: 0.5rem;
}

@media all and (max-width:56rem) 
{
  html { --bannerbackgroundposition: 25% 50%; }

.banner {background-position: 25% 50%;}
}

article + article, article + div.framelessimage, div.framelessimage + article, div.framelessimage + div.framelessimage {margin-top:0.5rem;}