2022-04-02 10:29:35 -07:00
|
|
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic)
|
|
|
|
|
|
|
|
|
|
html, body
|
|
|
|
|
height: 100%
|
|
|
|
|
width: 100%
|
|
|
|
|
margin: 0
|
|
|
|
|
padding: 0
|
|
|
|
|
left: 0
|
|
|
|
|
top: 0
|
|
|
|
|
|
|
|
|
|
/* ROOT FONT STYLES
|
|
|
|
|
|
|
|
|
|
*
|
|
|
|
|
font-family: 'Lato', Helvetica, sans-serif
|
|
|
|
|
color: #333447
|
|
|
|
|
line-height: 1.5
|
|
|
|
|
|
|
|
|
|
/* TYPOGRAPHY
|
|
|
|
|
|
|
|
|
|
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: 0.875rem
|
|
|
|
|
|
|
|
|
|
p
|
|
|
|
|
font-size: 1.125rem
|
|
|
|
|
font-weight: 200
|
|
|
|
|
line-height: 1.8
|
|
|
|
|
|
|
|
|
|
.font-light
|
|
|
|
|
font-weight: 300
|
|
|
|
|
|
|
|
|
|
.font-regular
|
|
|
|
|
font-weight: 400
|
|
|
|
|
|
|
|
|
|
.font-heavy
|
|
|
|
|
font-weight: 700
|
|
|
|
|
|
|
|
|
|
/* POSITIONING
|
|
|
|
|
|
|
|
|
|
.left
|
|
|
|
|
text-align: left
|
|
|
|
|
|
|
|
|
|
.right
|
|
|
|
|
text-align: right
|
|
|
|
|
|
|
|
|
|
.center
|
|
|
|
|
text-align: center
|
|
|
|
|
margin-left: auto
|
|
|
|
|
margin-right: auto
|
|
|
|
|
|
|
|
|
|
.justify
|
|
|
|
|
text-align: justify
|
|
|
|
|
|
|
|
|
|
/* ==== GRID SYSTEM ====
|
|
|
|
|
|
|
|
|
|
.container
|
2022-05-17 11:06:15 -07:00
|
|
|
//width: 90%
|
|
|
|
|
width: 100%
|
2022-04-02 10:29:35 -07:00
|
|
|
margin-left: auto
|
|
|
|
|
margin-right: auto
|
|
|
|
|
|
|
|
|
|
.row
|
|
|
|
|
position: relative
|
2022-05-17 11:06:15 -07:00
|
|
|
//width: 100%
|
2022-04-02 10:29:35 -07:00
|
|
|
|
|
|
|
|
[class^="col"]
|
|
|
|
|
float: left
|
|
|
|
|
margin: 0.5rem 2%
|
|
|
|
|
min-height: 0.125rem
|
|
|
|
|
|
|
|
|
|
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
|
|
|
|
|
width: 96%
|
2022-05-17 11:06:15 -07:00
|
|
|
margin: auto
|
2022-04-02 10:29:35 -07:00
|
|
|
|
|
|
|
|
.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)
|
|
|
|
|
/* 540px
|
|
|
|
|
|
|
|
|
|
.container
|
|
|
|
|
width: 80%
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 45em)
|
|
|
|
|
/* 720px
|
|
|
|
|
|
|
|
|
|
.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)
|
|
|
|
|
/* 960px
|
|
|
|
|
|
|
|
|
|
.container
|
|
|
|
|
width: 75%
|
|
|
|
|
max-width: 60rem
|
