html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background-color: f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    height: 20%;
}

h1{
    /* margin-top: 50px; */
    font-size: 14px;
    height: 60px;
}

.flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
}

.col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 33.3%;
    height: 100%;
    padding: 0 100px 0 100px;
}

.col-1 {
    background-color: #ffffff;
}
.col-2 {
    background-color: #f2f2f2;
}
.col-3 {
    background-color: #e6e6e6;
}

.jeoit, .evolvedcity, .mipmap {
    height: 120px;
}

.jeoit span {
    display:inline-block;
    background-image: url('../launch/images/jeoit_black.png');
    width: 250px;
    height: 70px;
}

.col-1:hover .jeoit span {
    display:inline-block;
    background-image: url('../launch/images/jeoit_color.png');
    width: 250px;
    height: 70px;
}

.evolvedcity span {
    display:inline-block;
     background-image: url('../launch/images/evolved_black.png');
    width: 250px;
    height: 92px;
}

.col-2:hover .evolvedcity span {
    display:inline-block;
    background-image: url('../launch/images/evolved_color.png');
    width: 250px;
    height: 91px;
}

.mipmap span {
    display:inline-block;
    background-image: url('../launch/images/mipmap_black.png');
    width: 250px;
    height: 80px;
}

.col-3:hover .mipmap span {
    display:inline-block;
    background-image: url('../launch/images/mipmap_color.png');
    width: 250px;
    height: 80px;
}

.language-bar {
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: center;
}

.language-bar select {
    height: 40px;
    width: 100px;
    text-align: center;
    border: none;
    border-radius: 5px;
}