@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;
}

}