body, html {
    background: var(--background);
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#page {
    margin-top: var(--navbarHeight);
}

.container {
    color: var(--darkGreen);
    font-family: var(--font);
    font-size: 1rem;
    font-weight: 400;
}

.alt-font {
    font-family: var(--altFont);
}
.content h1, h1.title, .title.is-1 {
    color: var(--darkGreen);
    font-family: var(--font);
    font-size: 2.1rem;
    font-weight: bold;
}

.content h2, h2.title, .title.is-3 {
    color: var(--darkGreen);
    font-family: var(--font);
    font-size: 2.1rem;
    font-weight: bold;
}

.content h3, h3.title, .title.is-5 {
    font-family: var(--altFont);
    font-weight: normal;
    font-size: 1.9rem;
}

a {
    color: var(--darkGreen);
    text-decoration: underline;
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 1200px;
    }
}
.columns:last-child {
    margin-bottom: -15px;
}
.columns {
    margin-left: -15px;
    margin-right: -15px; 
    margin-top: -15px;
}
.column {
    padding: 15px;
}

.container p {
    hyphens: auto;
}

a img {
    border: none;
}

.button {
    background: var(--darkBlue);
    border: none;
    border-radius: 100px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    height: auto;
    letter-spacing: 0.8px;
    line-height: 1em;
    padding: 10px 20px;
    transition: all 150ms ease;
    text-decoration: none;
}
.button:active, .button:focus, .button:focus:not(:active), 
.button.is-focused:not(:active), .button:hover {
    background: var(--blue);
    box-shadow: none;
    color: #fff;
    border: none;
    text-decoration: none !important;
}

.hidden {
    visibility: hidden !important;
    animation-duration: 0s !important;
}

.aspect-16-9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
}
.aspect-16-9 > * {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.butterfly {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 90px;
    position: absolute;
    width: 75px;
}
.butterfly1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 75.4 100.5' xml:space='preserve'%3E%3Cpath fill='%238fc02f' d='M73.3,28.3C63,25.3,49.4,55.9,46.4,62.6c-3,6.7-15.8,31.6-6.7,34.5c8.8,1.6,15.6-16.1,16.5-28 C75.5,48.4,78,29.7,73.3,28.3 M25.1,0C12.4,0,7.4,11.1,7.4,31.4c0,24.6,25.1,38.5,24.9,38.3c0.2,0.2-8.7-3.5-15.4-6.4 C6.5,67.6,1.9,79.9,1.9,79.9s-8.6,19.9,10.5,20.5c19.1,0,28-28,30.7-37.3C60.3,4.1,25.1,0,25.1,0'/%3E%3C/svg%3E%0A");
}
.butterfly2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 75.4 100.5' xml:space='preserve'%3E%3Cpath fill='%2372c4bd' d='M2,28.3C12.4,25.3,26,55.9,28.9,62.6c3,6.7,15.8,31.6,6.7,34.5C26.8,98.6,20,81,19.1,69.1 C-0.1,48.4-2.7,29.7,2,28.3 M50.2,0C62.9,0,68,11.1,68,31.4C68,56,42.9,69.9,43.1,69.7c-0.2,0.2,8.7-3.5,15.4-6.4 c10.3,4.4,14.9,16.7,14.9,16.7s8.6,19.9-10.5,20.5c-19.1,0-28-28-30.7-37.3C15.1,4.1,50.2,0,50.2,0'/%3E%3C/svg%3E%0A");
}

.contextual-links a {
    color: #000 !important;
}