html, body {
    position: relative;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

#main {
    display: table;
    width: 100%;
    min-height: 100vh;
}

    #main #navigationrow {
        display: table-row;
        height: 1%;
    }

    #main #containerrow {
        display: table-row;
        height: auto;
    }

        #main #containerrow .centercell {
            display: table-cell;
            vertical-align: middle;
        }

.centeredcontainer {
    max-width: 500px;
    margin: 0 auto;
}

.paddedcontainer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#footer {
    padding: 1rem;
    font-size: 0.9rem;
    text-align: center;
}

.btn {
    cursor: pointer;
}

#addPostContainer {
}

    #addPostContainer .addPostImage {
        height: 25vh;
        background-size: cover;
        background-position: center center;
    }

#postContainer {
}

    #postContainer .carousel-item {
        width: 100%;
        height: 70vh;
        background-position: center center;
        background-size: cover;
    }

#postsContainer {
}

    #postsContainer .postCard {
        overflow: hidden;
    }

    #postsContainer .postRow {
        text-decoration: none;
    }

        #postsContainer .postRow .postImage {
            display: block;
            height: 100%;
            background-color:#ccc;
            background-size: cover;
            background-position: center center;
            min-height: 25vh;
            opacity: 0.9;
            font-size:3em;
        }

            #postsContainer .postRow .postImage .noImage {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
            }

        #postsContainer .postRow .postTitle {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        #postsContainer .postRow:hover {
            background: #efefef;
        }

            #postsContainer .postRow:hover .postImage {
                opacity: 1;
            }

            #postsContainer .postRow:hover .postTitle {
                border-color: #ccc !important;
            }