:root {
    --bulma-primary-h: 204;
    --bulma-primary-s: 71%;
    --bulma-primary-l: 22%;
    --bulma-primary-invert-l: 97%;
}

body {
    color: #104060;
    font-family: Verdana, Geneva, Tahoma, "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

a {
  color: #336699;
}

a:hover {
  color: #25496B;
}

.hero-body {
    background-color: #104060;
}

.hero-body > .title,
.hero-body > .subtitle {
    color: #FF914D;
}

.custom-columns {
    display: flex;
    flex-wrap: nowrap;
    min-height: 400px;
}

.column-left {
    order: 1;
}

.column-right {
    order: 2;
}

@media (max-width: 767px) {
    .custom-columns {
        flex-direction: column;
    }

    .column-left {
        order: 2;
    }

    .column-right {
        order: 1;
    }
}

.container > img {
    max-width: 300px;
    width: 100%;
    height: auto;
}