.box {
    background-color: white;
    border-radius: 1px;
    -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    color: #4a4a4a;
    display: block;
    padding: 1.25rem;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 1%;
}

    .box:not(:last-child) {
        margin-bottom: 1.5rem;
    }

a.box:hover,
a.box:focus {
    -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
}

a.box:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
}

.card .media:not(:last-child) {
    margin-bottom: 0.75rem;
}

.media {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    text-align: left;
}

    .media .content:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .media .media {
        border-top: 1px solid rgba(219, 219, 219, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0.75rem;
    }

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

        .media .media .media {
            padding-top: 0.5rem;
        }

            .media .media .media + .media {
                margin-top: 0.5rem;
            }

    .media + .media {
        border-top: 1px solid rgba(219, 219, 219, 0.5);
        margin-top: 1rem;
        padding-top: 1rem;
    }

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

.media-left,
.media-right {
    -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;
}

.media-left {
    margin-right: 1rem;
}

.media-right {
    margin-left: 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;
    text-align: left;
}

.image {
    position: relative;
    
}

    .image img {
        height: auto;
    }

    .image.is-square img,
    .image.is-1by1 img,
    .image.is-4by3 img,
    .image.is-3by2 img,
    .image.is-16by9 img,
    .image.is-2by1 img {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .image.is-square,
    .image.is-1by1 {
        padding-top: 100%;
    }

    .image.is-4by3 {
        padding-top: 75%;
    }

    .image.is-3by2 {
        padding-top: 66.6666%;
    }

    .image.is-16by9 {
        padding-top: 56.25%;
    }

    .image.is-2by1 {
        padding-top: 50%;
    }

    .image.is-16x16 {
        height: 16px;
        width: 16px;
    }

    .image.is-24x24 {
        height: 24px;
        width: 24px;
    }

    .image.is-32x32 {
        height: 32px;
        width: 32px;
    }

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

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

    .image.is-96x96 {
        height: 96px;
        width: 96px;
    }

    .image.is-128x128 {
        height: 128px;
        width: 128px;
    }

    .image.is-large {
        height: 300px;

    }

img.is-large {
    padding-bottom: 15px;
    max-height: 300px;
    float: none;
    margin: 0px;
    position: relative;
    top: 50%;
}

.content:not(:last-child) {
    margin-bottom: 1.5rem;
}

.content li + li {
    margin-top: 0.25em;
}

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

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

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

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

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

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

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

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

.content h4 {
    font-size: 1.25em;
    margin-bottom: 0.8em;
}

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

.content h6 {
    font-size: 1em;
    margin-bottom: 1em;
}

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

.content ol {
    list-style: decimal outside;
    margin-left: 2em;
    margin-top: 1em;
}

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

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

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

.content dd {
    margin-left: 2em;
}

.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 pre {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding: 1.25em 1.5em;
    white-space: pre;
    word-wrap: normal;
}

.content sup,
.content sub {
    font-size: 75%;
}

.content table {
    width: 100%;
}

    .content table td,
    .content table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: 0.5em 0.75em;
        vertical-align: top;
    }

    .content table th {
        color: #363636;
        text-align: left;
    }

    .content table tr:hover {
        background-color: whitesmoke;
    }

    .content table thead td,
    .content table thead th {
        border-width: 0 0 2px;
        color: #363636;
    }

    .content table tfoot td,
    .content table tfoot th {
        border-width: 2px 0 0;
        color: #363636;
    }

    .content table tbody tr:last-child td,
    .content table tbody tr:last-child th {
        border-bottom-width: 0;
    }

.content.is-small {
    font-size: 0.75rem;
}

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

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

.notification .title,
.notification .subtitle,
.notification .content {
    color: currentColor;
}

.level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .level:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .level code {
        border-radius: 3px;
    }

    .level img {
        display: inline-block;
        vertical-align: top;
    }

@media screen and (min-width: 769px), print {
    .level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .level > .level-item:not(.is-narrow) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }
}

.level.is-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .level.is-mobile .level-left,
    .level.is-mobile .level-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .level.is-mobile .level-left + .level-right {
            margin-top: 0;
        }

    .level.is-mobile .level-item {
        margin-right: 0.75rem;
    }

        .level.is-mobile .level-item:not(:last-child) {
            margin-bottom: 0;
        }

        .level.is-mobile .level-item:not(.is-narrow) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

.level-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .level-item .title,
    .level-item .subtitle {
        margin-bottom: 0;
    }

@media screen and (max-width: 768px) {
    .level-item:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}

.level-left,
.level-right {
    -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;
}

    .level-left .level-item.is-flexible,
    .level-right .level-item.is-flexible {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

@media screen and (min-width: 769px), print {
    .level-left .level-item:not(:last-child),
    .level-right .level-item:not(:last-child) {
        margin-right: 0.75rem;
    }
}

.level-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {
    .level-left + .level-right {
        margin-top: 1.5rem;
    }
}

@media screen and (min-width: 769px), print {
    .level-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.level-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 769px), print {
    .level-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.position {
    display: block;
    position: relative;
    padding: 5%;
}