body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100vh;
    position: relative
}

html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.depo {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.depo-color {
    background-color: #313131;
    height: 100%;
    width: 100%;
}

.depo-container {
    width: 100%;
    height: 100%;
    max-width: 2160px;
    max-height: 3840px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    transform: translate(0px, -6%);
}

.depo-top-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8vh;
}

.depo-logo {
    margin-right: 6.6vw;
    display: table;
    width: 22vh;
    text-align: end;
}

.depo-contact {
    line-height: 2.3vh;
    color: white;
    display: flex;
    flex-direction: column;
}

.depo-bold-text {
    font-weight: 600;
    font-size: 1.4vh;
    font-family: 'Noto Sans';
}

.depo-slim-text {
    font-weight: 400;
    font-size: 1.4vh;
    font-family: 'Noto Sans';
    color: white;
    text-decoration: none;
}

.depo-bot-content {
    display: flex;
    justify-content: center;
    width: 50vh;
    transform: translate(0px, 100%);
}

@media (max-height:414px) {
    .depo-bold-text {
        font-size: 14px;
    }
    .depo-slim-text {
        font-size: 14px;
    }
    .depo-contact {
        line-height: 5.6vh;
    }
    .depo-logo {
        width: 59vh;
    }
    .depo-bot-content {
        width: 100vh;
    }
}