@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,800');body,html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
font-size: 100%
}
.center,.container {
margin-left: auto;
margin-right: auto
}
* {
font-family: 'Open Sans',Helvetica,sans-serif;
}
h1 {
font-size: 2.5rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.375rem
}
h4 {
font-size: 1.125rem
}
h5 {
font-size: 1rem
}
h6 {
font-size: .875rem
}
p {
font-size: .8rem;
font-weight: 200;
line-height: 1.8
}
.font-light {
font-weight: 300
}
.font-regular {
font-weight: 400
}
.font-heavy {
font-weight: 700
}
.left {
text-align: left
}
.right {
text-align: right
}
.center {
text-align: center
}
.justify {
text-align: justify
}
.container {
width: 90%
}
.row {
position: relative;
width: 100%
}
.row [class^=col] {
float: left;
margin: .5rem 2%;
min-height: .125rem
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
width: 96%
}
.col-1-sm {
width: 4.33%
}
.col-2-sm {
width: 12.66%
}
.col-3-sm {
width: 21%
}
.col-4-sm {
width: 29.33%
}
.col-5-sm {
width: 37.66%
}
.col-6-sm {
width: 46%
}
.col-7-sm {
width: 54.33%
}
.col-8-sm {
width: 62.66%
}
.col-9-sm {
width: 71%
}
.col-10-sm {
width: 79.33%
}
.col-11-sm {
width: 87.66%
}
.col-12-sm {
width: 96%
}
.row::after {
content: "";
display: table;
clear: both
}
.hidden-sm {
display: none
}
@media only screen and (min-width:33.75em) {.container {
width: 80%
}

}
@media only screen and (min-width:45em) {.col-1 {
width: 4.33%
}
.col-2 {
width: 12.66%
}
.col-3 {
width: 21%
}
.col-4 {
width: 29.33%
}
.col-5 {
width: 37.66%
}
.col-6 {
width: 46%
}
.col-7 {
width: 54.33%
}
.col-8 {
width: 62.66%
}
.col-9 {
width: 71%
}
.col-10 {
width: 79.33%
}
.col-11 {
width: 87.66%
}
.col-12 {
width: 96%
}
.hidden-sm {
display: block
}

}
@media only screen and (min-width:60em) {.container {
width: 75%;
max-width: 60rem
}

}