@import url('fonts.googleapis.com/css?family=Open+Sans|Roboto');
h1 {
column-span: all;
}
h2 {
column-span: none;
}
table {
@extend .table; @extend .table-striped;
}
.header {
position: relative; display: block; box-sizing: border-box; background-color: #24292e; color: rgba(255, 255, 255, 0.75);
}
.header-content {
margin-left: auto; margin-right: auto; max-width: 1024px; display: block; box-sizing: border-box;
}
.header-nav {
display: block; position: relative; list-style-type: none; margin: 0; padding: 0; overflow: hidden;
}
.header-nav li {
float: left;
}
.header-nav li a {
display: block; color: white; text-align: center; padding: 16px; text-decoration: none; text-transform: capitalize; font-variant: small-caps; font-family: "Open Sans", sans-serif;
}
.header-nav li a:hover {
background: black;
}
.header-nav img {
width: 16px; height: 16px;
}
@media (min-width: 1000px) {
.column2 { column-count: 2; column-gap: 40px; column-rule-style: none; margin-top: 12px; margin-bottom: 24px; } .column3 { column-count: 3; column-gap: 20px; column-rule-style: none; margin-top: 12px; margin-bottom: 24px; }
}
@media (max-width: 1000px) {
.column2 { column-count: 1; column-gap: 40px; column-rule-style: none; margin-top: 12px; margin-bottom: 24px; } .column3 { column-count: 1; column-gap: 20px; column-rule-style: none; margin-top: 12px; margin-bottom: 24px; }
}