.row-1,
.row-1-mb {
    background-position: initial;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
}

@keyframes cursor1frame {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes borderFlash {
    0% {
        border: 3px solid #fff;
    }

    50% {
        border: 3px solid #333;
    }

    100% {
        border: 3px solid #fff;
    }
}

@keyframes upAndDown {

    0%,
    100% {
        transform: translateY(5px);
    }

    50% {
        transform: translateY(20px);
    }

}
@media screen and (max-width:375px) {
    .row-1-mb {
        height: auto !important;
        /* height: 100% !important; */
        background-size: cover !important;
    }
}
@media screen and (min-width:768px) {
    .row-1 {
        display: block;
    }

    .row-1-mb {
        display: none;
    }
    .row-1 .sub-content-2 a {
        margin-top: 29vh !important;
    }
}

@media screen and (max-width:768px) {
    .row-1 {
        display: none;
    }

    .row-1-mb {
        display: block;
    }
    body {
        background-color: #0a1598 !important;
    }
}

body,
html {
    height: 100%;
}

.row-1 {
    background-image: url('img/ki.io.jpg?v=1');
    height: 100vh;
    max-width: 50vh;
    margin: 0 auto;
}

.row-1 .sub-content a {
    display: inline-block;
    margin-top: 55vh;
    margin-left: 1vh;
}

.row-1 .sub-content a:nth-child(2) {
    display: inline-block;
    margin-top: 55vh;
    margin-left: 3vh;
}

.row-1 .sub-content-2 a {
    display: inline-block;
    margin-top: 25vh;
    margin-left: 4.25vh;
}

.row-1 .sub-content a img {
    width: 21vh;
}

.row-1 .sub-content-2 img {
    width: 40vh;
}

/* MB */
.row-1-mb {
    background-image: url('img/ki.io.jpg?v=1');
    width: 100%;
    /*height: 199.5vw;*/
    /*height: 100%;*/
    background-size: contain;
}

.row-1-mb .sub-content img {
    width: 45vw;
}

.row-1-mb .sub-content-2 img {
    width: 80vw;
}

.row-1-mb .sub-content a:first-child,
.row-1-mb .sub-content a:nth-child(2) {
    display: inline-block;
    margin-top: 109vw;
    margin-left: 0vw;
}

.row-1-mb .sub-content-2 a {
    display: inline-block;
    margin-top: 60vw;
}

/* END-MB */

/* ANIM */
.row-1 .sub-content .anim,
.row-1 .sub-content-2 .anim,
.row-1-mb .sub-content .anim,
.row-1-mb .sub-content-2 .anim {
    cursor: pointer;
    animation: cursor1frame 1s ease-in-out infinite;
}

.woot--bubble-holder .upAndDown {
    cursor: pointer;
    animation: upAndDown 1s ease-in-out infinite;
}

/* END ANIM */