.flex-row {
    display: flex;
    flex-flow: row;
    width: 100%;
}

.flex-column {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.index.hero .flex-row {
    justify-content: space-between;
}

.row {
    display: flex;
    flex-flow: row;
    gap: 2rem;
}

.column {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    width:100%;
}

.row.top-text {
    gap: 10rem;
}

.center {
    align-items: center;
    justify-content: space-between;
}

.align-flex-end  {
    align-self: flex-end;
}

.align-vert-center {
    justify-content: center;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-center {
    align-self: center;
}

.dual-grid.align-items-start {
    align-items:flex-start;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-center {
    align-items: center;
}

.btn.hidden-800 {
    display: none;
}

@media screen and (max-width: 1120px) {
    .row.top-text {
        flex-flow: column;
        gap: 2rem;
    }
}

@media screen and (max-width: 800px) {
    .btn.hidden-800 {
    display: flex;
    }
    .hero.content .row {
        flex-flow: column;
        gap: 1rem;
    }
}

@media screen and (max-width: 700px) {
    .flex-row {
        flex-flow: column;
        gap: 1rem;
    }
    .entry .center {
        align-items: flex-start;
    }
}