.contentKon {
    display: inline-block;
    height: 88vh;
}

.txtAbove {
    width: -webkit-fill-available;
    margin: 15vh 0 3vh 10px;
}

.row {
    margin: 0;
}

h4 {
   font-size: medium; 
   color: rgb(118, 118, 118);
}

h3 {
    margin-bottom: 20px; 
}

.konData {
    width: -webkit-fill-available;
    height: fit-content;
    padding: 2%;
    background-color: rgb(213, 213, 213);
    box-shadow: 0px 6px 7px 0px rgba(166,166,166,1);
}

.konLeft {
    width: 50%;
    float: left;
}

.konRight {
    width: 50%;
    float: right;
}

.konRight img {
    width: 100%;
}

.foot {
    position: fixed;
    width: 100%;
    bottom: 0;
}

@media (min-width: 576px) {
    h4 {
        font-size: calc(1.275rem + .3vw);
    }

    /* .txtAbove {
        margin-top: 15vh;
    } */
}

@media (min-width: 720px) {
    .txtAbove {
        margin-top: 22vh;
    }
}

@media (min-width: 960px) {
    .contentKon {
        display: flex;
        margin: auto;
        flex-direction: column;
        justify-content: center;
        width: 80%;
    }

    .txtAbove {
        width: -webkit-fill-available;
        margin: 0 0 3vh 0;
    }

    .konData {
        box-shadow: 13px 12px 5px -7px rgba(166,166,166,1);
    }
}