/****************************************************************************
 * Specific elements.                                                       *
 ****************************************************************************/

html {
    height:100%;
}

body {
    height: 100%;
    margin: 0px;
}

/****************************************************************************
 * Containers.                                                              *
 ****************************************************************************/

.centered-container {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

.background {
    background-color: lightgray;
}

.image-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.fc {
    width: fit-content;
}

.h90 {
    height: 90%;
}

.full-width {
    width: 100%;
}

.pd {
    padding: 10%;
}

/****************************************************************************
 * Content.                                                                 *
 ****************************************************************************/

.image-container img {
    position: absolute;
    top:      0;
    left:     0;
    bottom:   0;
    right:    0;
    height: 100%;
    width: auto;
    margin: auto;
}

.mauto {
    margin: auto;
}

.navigation-icon {
    width: 100px;
}

.small-nav-icon {
    width: 3em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mr-2 {
    margin-right: 2em;
}

.ml-2 {
    margin-left: 2em;
}

.clear-btn {
    border: none;
    background-color: #00000000;
}

.search-box {
    height: 2.5em;
}

.float-right {
    float: right;
}

/****************************************************************************
 * Grid.                                                                    *
 ****************************************************************************/

.column {
    text-align: center;
    border: black 1px solid;
}