@media only screen and (max-width: 992px) {
    .button-row {
        height: 40vh;
    }

    .welcome-row {
        height: 40vh;
        margin-bottom: 20vh;
    }
}

@media only screen and (max-width: 576px) {
    .cv-row, .cv-row ul li {
        font-size: .7rem;
    }
    .main-menu {
        font-size: .8rem;
    }
}


@media (pointer:coarse) {
    .menu-container {
        bottom: 0;
    }

    .button-row {
        height: 40vh;
    }

    .welcome-row {
        height: 40vh;
    }

    .title {
        margin: 3rem 0;
    }

    .project-wrapper {
        height: 60vh;
        margin: .7rem;
        width: 100%;
        position: relative;
    }

    .project-title {
        z-index: 1;
        color: var(--first);
        padding: 0;
        padding-bottom: .5rem;
    }

    .showimg {
        display: block;
    }

    .project-img {
        transform: translate(0, 0);
        position: relative;
    }

    .project-info {
        margin: 0;
        position: relative;
        display: block;
        transform: translate(0, 0);
    }

    .project-link {
        position: absolute;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}