+
+/* Title and Title-asides spacing */
+.side {
+ float: right;
+}
+.subtitle {
+ margin-top: 2em;
+
+ h1, h2 {
+ display: inline-block;
+ margin: 0;
+ }
+ .side {
+ margin-left: 0.5em;
+ margin-top: 0.45em;
+ }
+}
+.title {
+ margin-top: 0.2em;
+ margin-bottom: 1.2em;
+
+ h1, h2 {
+ display: inline-block;
+ margin: 0;
+ }
+ .side {
+ margin-left: 0.5em;
+ margin-top: 0.8em;
+ }
+}
+
+/* Images (~350px wide) floating to the right but only if there is enough space */
+.float-right-350 {
+ float: right;
+ margin-left: 0.8em;
+ margin-bottom: 0.3em;
+}
+@media screen and (max-width:600px) {
+ .float-right-350 {
+ max-width: 300px;
+ float: none;
+ margin: auto;
+ }
+}