/* body */
body {background-color: #000; color:#fff; font-family: 'Roboto', Arial, Helvetica, sans-serif}
/* headers */
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu Light', Verdana, Geneva, Tahoma, sans-serif; color:#fff}
/* images */
.map-showcase {display: block;margin-left: auto;margin-right: auto;width: 70%;}
/* links */
a {color: yellow; text-decoration: none;}
a.wbar {color:black}
/* bars */
a.subnav {
    background-color: #fff;
    color: #000;
    padding: 3px 12px 3px 12px;
    text-decoration:none;
	font-family: 'Ubuntu Light', Verdana, Geneva, Tahoma, sans-serif;
	position:static}
a.subnav:hover {
    background-color: #f00;
    color: #fff;}
/* div class */
.kiv349          {transform:rotate(90deg); float: right; margin: 0px 24px 0px 0px;}
.copyright       {font-size: 18px}
.white-bar       {background-color: #fff; color:#000; padding: 3px 8px 3px 8px}
.drop            {background-color: #3498DB;color: white; padding: 1.; font-size: 16px;border: none; cursor: auto}
.download-link   {font-family: 'Ubuntu-Bold'}
.navbar1         {list-style-type: none}
.encyclopedia-header {font-family: 'Ubuntu Light', 'Georgia', serif; font-size: 42px; padding-left: 50px; margin-top: 25px;}
.encyclopedia-header-nosize {font-family: 'Ubuntu Light', 'Georgia', serif; padding-left: 50px; margin-top: 25px;}
.encyclopedia {
    padding: 4px auto 4px auto;
    margin: 40px auto 4px auto;
    width: 85%;
    font-size: 20px;
    font-family: 'Helvetica Neue',Verdana, Geneva, Tahoma, sans-serif;}
.lemuria-wordmark {text-align: center;}

.start-blurb {
    background-image: url("/image/illumina-background.png");
    margin: 5px;
    margin-bottom: 60px;
}

.start-blurb-text {
    padding: 40px;
    font-size: 150%;
    background-color: black;
    max-width: 800px;
}

.download-button {
    text-align: center;
}

.features {
    display: block;
}

.feature-item {
    padding: 1rem;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .features {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .feature-column {
        flex: 100%;
    }
}