/* DEF */
/*#imageControls {
    background-color: azure;
}

#contextContainer {
    background-color: antiquewhite;
}

#mainMenu {
    background-color: aquamarine;
}

#logo {
    background-color: brown;
}*/
/* END DEF */

* {
    /* Global text settings */
    color: #1f1f1f;
    font-family: raleway, verdana, arial;
    font-weight: 300;
    
    /* Global margins and paddings */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Global link styles */
a {
    text-decoration: none;
}

/* Global link styles */
a:hover, a:active {
    font-style: italic;
}

#container {
    width: 100vw;
    height: 100vh;
}

body {
    background-color: #f4f4f4;
}

/* Menu */

#mainMenu {
    width: 100vw;
    height: 12vh;
}

#logo {
    width: 155px;
    height: 55px;
    text-align: center;
}

#logo h1 {
    font-size: 2em;
}

#logo h2 {
    font-size: 0.9em;
}

#menuItems a {
    font-size: 1.3em;
    padding-left: 5px;
    padding-right: 5px;
}

/* context */

/*#context, #contextContainer {
    display:flex;
}*/

#context {
    width: 100vw;
    height: 88vh;    
}

#contextContainer {
    margin: auto auto auto auto;
    width: 95%;
    height: 95%;
}

#imageContainer {
    text-align: center;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
    height: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.centeringDiv {
    display: inline-block;
    height: 100%;
    width: 0px;
    vertical-align: middle;
}

#imageContainer img {
    display: inline-block;
    vertical-align: middle;
    max-height: 90%;
    max-width: 90%;
}

#imageContainer img:hover {
    cursor: url(img/cursor-next.png), auto;
}

#imageControls {
    width: 100%;
    text-align: center;
}

#imageControls a {
    font-size: 1.3em;
    padding-left: 20px;
    padding-right: 20px;
}

/* about */
#aboutContainer {
    display: inline-block;
    vertical-align: middle;
    width: 95%;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    /*margin-left: auto;
    margin-right: auto;*/
}

#aboutContainer #text {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#aboutContainer span, #aboutContainer span a {
    font-weight: 600;
}

#aboutContainer img {
    padding: 25px;
}

#aboutContainer #scanlink {
    padding: 25px;
}

#aboutContainer footer {
    font-size: 0.8em;
}

#aboutContainer a {
    color: #29c1ef;
}

#aboutContainer a:hover, #aboutContainer a:active {
    color: #5dd1f5;
}