body {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.landing-page {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

nav {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

nav .left-divide {
    flex-basis: 55%;
}

nav .right-divide {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 45%;
}

.nav-item {
    flex-basis: 25%;
}

.guide .nav-item {
    flex-basis: 25%;
}

nav.fixed a.nav-item {
    flex-basis: 25%;
}

.data {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.info {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.section {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.sum-divide {
    flex-basis: 60%;
}

.sum-remainder {
    flex-basis: 40%;
}

.about {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.col-1-of-2 {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 20%;
}

footer {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

footer .foot-edge {
    flex-basis: 30%;
}

footer .foot-mid {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 40%;
}

footer .foot-mid .foot-link {
    flex-basis: 33.33%;
}

.colour-cont {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.col-1-of-5 {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 20%;
}

.proj-layout {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.effect{
    flex-basis: 33.33%;
}

.rundown-divide {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.divide-third, .divide-third.three {
    flex-basis: 33.33%;
}

.divide-2-of-3 {
    flex-basis: 66.66%;
}

.contact-cont {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}

.contact-1-of-2 {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 20%;
}

.contact-1-of-2 h4, .contact-1-of-2 h5 {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
}