/*
class="myClass" => div.myClass{}
id="myID" => #myID{}
<div class="foo">
	<div class="bar"></div>
</div>
.foo .bar{}
*/

footer{
	margin-bottom: 5em!important;
}
#legend-set-10F, #legend-set-9G, #legend-set-8G, #legend-set-7G, #legend-set-6H, #legend-set-5G, #legend-set-4G, #legend-set-3F, #legend-set-2G, #legend-set-1F {
	column-break-after: always;
	-webkit-column-break-after: always;
	-moz-column-break-after: always;
}


#share-trigger {
text-indent: -9999px;
background-image: url('./aumbry_hook2.png');
background-repeat: no-repeat;
float: left;
width: 26px;
height: 26px;
opacity: 1;
transition: 0.05s ease-out;
-webkit-transition: 0.05s ease-out;
-moz-transition: 0.05s ease-out;
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
margin-right: 25px;
background-position: center;
cursor: pointer;
}