#Viewport {
        margin-top: 10px;
        background-color: white;
        box-shadow: 3px 3px 1px #dedede;
    }

    #divSlider {
        height: 300px;
        width: 100%;
        background: #ccc;
    }

    nav {
    }

        nav a {
            display: block;
            background-size: 100%;
            background-position-x: 50%;
            background-position-y: 50%;
            height: 220px;
            vertical-align: bottom;
            transition: all ease-in-out 1s;
        }

            nav a:hover {
                background-size: 120%;
                transition: all ease-in-out 1s;
            }

            nav a span {
                display: block;
                position: relative;
                width: 100%;
                top: calc(100% - 36px);
                background: rgba(255,255,255,0.7);
                line-height: 36px;
                font-size: 16px;
                color: #444;
                text-align: center;
                font-weight: bold;
            }



    .mainmenu {
        /* margin-bottom: 20px; */
        justify-content: space-between;
    }

    .infobox {
        margin-bottom: 20px;
        justify-content: space-between;
    }

        .infobox a {
            height: 170px;
        }

            .infobox a span {
                display: block;
                position: relative;
                width: 100%;
                top: calc(100% - 36px);
                background: rgba(0,0,0,0.7);
                line-height: 36px;
                font-size: 16px;
                color: #ccc;
                text-align: center;
                font-weight: bold;
            }

            .infobox a:hover span {
                background: rgba(0,0,0,0.8);
                transition: all ease-in-out 0.8s;
            }