.start-screen {
    min-width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
}
.profile-name {
    position: fixed;
    top: 20px;
    left: 80px;
    display: none;
}
[class*=tile-] {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.tiles-group {
    margin-left: 0;
    margin-top: 50px;
}
@media all and (min-width: 768px) {
    .profile-name {
        display: block;
    }
    .start-screen {
        padding: 140px 80px 0 0;
    }
    .tiles-group {
        left: 100px;
    }
    .tiles-group {
        margin-left: 80px;
    }
}

.overlay-text {
    background-color: rgba(0, 0, 0, 0.7);
}