@media only screen and (min-width: 1280px) {
    .header {
        flex-wrap: nowrap;
    }

    .menu {
        flex-wrap: nowrap;
    }

    .rowContainer {
        flex-wrap: nowrap;
    }

    .columnContainer {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1280px) {
    .header {
        flex-wrap: wrap;
    }

    .menu {
        flex-wrap: wrap;
    }

    .rowContainer {
        flex-wrap: wrap;
    }

    .columnContainer {
        flex-wrap: wrap;
    }
}

@viewport{
    width: device-width;
}

@-ms-viewport{
    width: device-width;
}

.bg-img {
    background:
        linear-gradient(
            to right,
            rgba(255, 227, 236, 0.45),
            rgba(255, 159, 153, 0.45)
        );
    background: -webkit-linear-gradient(
            right,
            rgba(255, 227, 236, 0.45),
            rgba(255, 159, 153, 0.45)
    );
    background: rgba(255, 227, 236, 0.45);
    url('bg.jpg');
}

.rowContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.columnContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.title {
    border-color: rgba(255, 159, 153, 0.45);
    border-width: 5px;
    border-style: solid;
}

.menu {
    height: 100px;
    width: 100%;
    background:
        linear-gradient(
        to right,
        rgba(255, 159, 153, 0.45),
        rgba(255, 227, 236, 0.45)
        );
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 25px;
}
.menuItem.unselected img:last-child{display:none}
.menuItem.unselected:hover img:first-child{display:none}
.menuItem.unselected:hover img:last-child{display:inline-block}

.menuItem.selected img:first-child{display:none}

.margin25 {
    margin: 25px;
}

.margin50 {
    margin: 50px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.centerPage {
    display: flex;
    justify-content: center;
    align-content: center;
}

.bodyText {
    width: 80%;
    margin:auto;
    padding: 25px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 1.2em;
}

li {
    list-style: none;
}

.image {
    margin: 20px;
    border: 5px solid transparent;
    border-image-source: url(border.png);
    border-image-slice: 20%;
    border-image-width: 10;
    border-image-outset: 5;
    border-image-repeat: stretch;
}

.foalImage {
    margin: 50px;
    border: 5px solid transparent;
    border-image-source: url(edgesBorder.png);
    border-image-slice: 20%;
    border-image-width: 10;
    border-image-outset: 5;
    border-image-repeat: stretch;
}

.stats {
    font-style: italic;
    font-size: 0.7em;
    font-weight: bold;
}

.credit {
    font-style: italic;
    font-size: 0.7em;
}

.link {
    text-decoration: underline;
}