html,
body {
    height: 100%;
    background: url(../img/main/globe.svg) center bottom no-repeat;
}
body {
    display: -ms-flexbox;
    display: flex;
}
a,
a:active,
a:visited,
a:hover {
    text-decoration: none;
    color: #212529;
}
.george {
    margin-top: 10px;
}
.logo {
    margin-top: -10px;
}
.title {
    font-size: 30px;
    margin-top: 70px;
    margin-bottom: 50px;
}
.icon-section {
    border: 1px solid #999;
    border-radius: 4px;
    width: 140px;
    height: 110px;
    background-color: #fff;
    transition: background-color 1s;
    margin-bottom: 10px;
}
.icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 35px;
    height: 28px;
    margin-top: 25px;
    margin-bottom: 6px;
}
.icon-section .name {
    font-size: 18px;
}
.icon-section.inactive {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    color: #aaa;
    transition: none;
}
.icon-section.inactive .icon {
    filter: grayscale(100%);
    opacity: 60%;
}
a.icon-section:hover {
    background-color: #f3f3f3;
}