.media,
.navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox
}

.control,
.media,
.media-content {
    text-align: left
}

.field:not(:last-child),
.media .content:not(:last-child) {
    margin-bottom: .75rem
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex
}

.hero,
.media .media {
    display: -ms-flexbox
}

.media .media {
    border-top: 1px solid rgba(219, 219, 219, .5);
    display: -webkit-box;
    display: flex;
    padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
    margin-bottom: .5rem
}

.media .media .media {
    padding-top: .5rem
}

.media .media .media+.media {
    margin-top: .5rem
}

.media+.media {
    margin-top: 1rem;
    padding-top: 1rem
}

.media.is-large+.media {
    margin-top: 1.5rem;
    padding-top: 1.5rem
}

.media-left {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem
}

.media-content {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media screen and (max-width:768px) {
    .media-content {
        overflow-x: auto
    }
}

.author .media-left {
    margin-bottom: 0 !important
}

.image img {
    height: auto;
    width: 100%
}

.image img.is-rounded {
    border-radius: 290486px
}

.image.is-48x48 {
    height: 48px;
    width: 48px
}

.image.is-64x64 {
    height: 64px;
    width: 64px
}

.container,
.control,
.image,
.notification {
    position: relative
}

.image,
.image img,
.progress {
    display: block
}

.comments {
    padding-top: 0;
    padding-bottom: 3em !important;
    font-size: 14px
}

.comments strong {
    color: #365899;
    font-size: 14px;
    line-height: 1.358
}

.comments small.link {
    cursor: pointer;
    color: #4267b2
}

@media (min-width:1025px) {
    .comments {
        max-width: 630px;
        margin: 0 auto
    }
}

.section {
    /* padding: 3rem 1.5rem 0 */
}

.section.main {
    padding-top: 1.5em
}

.main {
    padding-bottom: 0
}

article,
figure,
header,
hr,
section {
    display: block
}

.author,
.button.is-fullwidth,
.section {
    max-width: 100%;
    margin: 0 auto
}

#load-comments:before,
.title .tag {
    vertical-align: middle
}

.title span {
    font-weight: inherit
}

.title {
    word-break: break-word;
    color: #363636;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.125
}

.title strong {
    color: inherit;
    font-weight: inherit
}

.title.is-4 {
    font-size: 1.5rem
}

.title.is-6 {
    font-size: 2rem
}

.content li+li {
    margin-top: .25em
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content p:not(:last-child),
.content ul:not(:last-child) {
    margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h5 {
    color: #363636;
    font-weight: 600;
    line-height: 1.125
}

.content h1 {
    font-size: 2em;
    margin-bottom: .5em
}

.content h1:not(:first-child) {
    margin-top: 1em
}

.content h2 {
    font-size: 1.75em;
    margin-bottom: .5714em
}

.content h2:not(:first-child) {
    margin-top: 1.1428em
}

.content h3 {
    font-size: 1.5em;
    margin-bottom: .6666em
}

.content h3:not(:first-child) {
    margin-top: 1.3333em
}

.content h5 {
    font-size: 1.125em;
    margin-bottom: .8888em
}

.content blockquote {
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em
}

.content ul {
    list-style: disc;
    margin-left: 2em;
    margin-top: 1em
}

.content ul ul {
    list-style-type: circle;
    margin-top: .5em
}

.content ul ul ul {
    list-style-type: square
}

.content figure {
    margin-left: 2em;
    margin-right: 2em;
    text-align: center
}



.content figure:not(:first-child) {
    margin-top: 2em
}

.content figure:not(:last-child) {
    margin-bottom: 2em
}



.content figure img {
    display: inline-block
}



.content figure figcaption {
    font-style: italic
}

.content.is-small {
    font-size: .75rem
}

.content.is-medium {
    font-size: 1.25rem
}

.content.is-large {
    font-size: 1.5rem
}

article[data-comment] {
    display: none
}

article[data-comment="1"],
article[data-comment="2"],
article[data-comment="3"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.level-1 {
    padding-left: 25px
}

.media+.media {
    border-top: none
}

#load-comments {
    border-radius: 0;
    background: #3578e5;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 22px;
    padding: 12px;
    height: 60px;
    font-weight: 700;
    margin-top: 15px;
}

.button.is-fullwidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.button.is-large {
    font-size: 1.5rem;
}

.button.is-primary,
.button.is-primary:hover {
    background-color: #000;
    border-color: transparent;
    color: #fff;
}

.button {
    font-family: Helvetica;
    text-transform: uppercase;
}

.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border-color: #dbdbdb;
    border-width: 2px;
    color: #363636;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center !important;
    padding-bottom: calc(.375em - 2px);
    padding-top: calc(.375em - 2px);
    text-align: center;
}

.button,
.tag:not(body) {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
}

.button,
.navbar-burger,
a,
a.navbar-item {
    cursor: pointer;
}

.button,
.input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center !important;
    border: 2px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(.375em - 2px);
    padding-left: calc(.625em - 2px);
    padding-right: calc(.625em - 2px);
    padding-top: calc(.375em - 2px);
    position: relative;
    vertical-align: top;
}

.button,
.input,
.progress {
    -moz-appearance: none;
    -webkit-appearance: none;
}

a {
    color: #00A0B0;
    text-decoration: none !important;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.button.is-loading::after,
.control.is-loading::after {
    -webkit-animation: spinAround .5s infinite linear;
    animation: spinAround .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    width: 1em
}

.button.is-black.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.button.is-warning.is-loading::after {
    border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-loading {
    color: transparent !important;
    pointer-events: none
}

.button.is-loading::after {
    left: calc(50% - (1em / 2));
    top: calc(50% - (1em / 2));
    position: absolute !important
}

.control.is-loading::after {
    position: absolute !important;
    right: .625em;
    top: .625em;
    z-index: 4
}