.row
    display: flex
    flex-wrap: wrap
    margin-left: -15px
    margin-right: -15px
    *
        box-sizing: border-box
    > div
        padding-left: 15px
        padding-right: 15px
.col-12
    width: 100%
.col-11
    width: 91.66666666666666%
.col-10
    width: 83.33333333333334%
.col-9
    width: 75%
.col-8
    width: 66.66666666666666%
.col-7
    width: 58.333333333333336%
.col-6
    width: 50%
.col-5
    width: 41.66666666666667%
.col-4
    width: 33.33333333333333%
.col-3
    width: 25%
.col-2
    width: 16.666666666666664%
.col-1
    width: 8.333333333333332%

.btn-custom
    padding: 10px 20px
    text-decoration: none
    color: #fff
    border-radius: 5px
    background: #0753c6
    display: inline-block
    &:hover, &:focus
        background: #114bba
        color: #fff
.dashboard-page, .admin-page
    margin: 0
    overflow: hidden
    a
        transition: all 0.5s
    *
        box-sizing: border-box
    .link
        font-weight: 500
        text-decoration: none
    p
        margin: 0 0 20px
        font-size: 14px
    h1, h2, h3, h4, h5, h6
        margin: 0 0 20px
        line-height: normal
        font-weight: 500
        color: #000
    h2
        font-size: 30px
        margin: 0
    h4
        font-size: 20px
    h5
        font-size: 18px
    h6
        font-size: 16px
.full-width
    width: 100%!important


.cta
    &__section
        h2
            font-family: "Lobster", serif