/* (c) 2016 Turkoil, LLC */

#mainimg {
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* match image height,
 * removes little blue strip above footer,
 * no idea why this is necessary. rounding? */
#container {
    height: 683.333px;
}

#overlaytext {
    position: absolute;
    top: 20px;
    left: 20px;
}

#overlaytext h2 {
    margin: 0;
    padding: 0;
}

a.infobox-link-wrapper {
    position: absolute;
    bottom: 25px;
    left: 2.5%;

    width: 45%;
    height: 35%;

    text-decoration: none;
    color: inherit;
}

div.infobox {
    width: 100%;
    height: 100%;

    display: inline-block;
    vertical-align: middle;

    background-color: white;
    border-radius: 25px;
    margin: 0;

    opacity: 0.85;
}

div.infobox:hover {
    background-color: #c4d5d9;
}

a.infobox-link-wrapper + a.infobox-link-wrapper {
    position: absolute;
    left: inherit;
    right: 2.5%;
}

div.infobox h1 {
    text-align: center;
    font-size: 14pt;
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
}

div.infobox h2 {
    text-align: center;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

div.infobox p {
    padding: 0.5em;
}