body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    background: url(../img/background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.cover {
    position: absolute;
    top: 0;
    width: 100%;
    backdrop-filter: blur(1px);
    background: rgba(255, 255, 255, 0.2);
}

    .cover .col {
        width: 33%;
        float: left;
        margin-left: 0.5%;
        padding: 1% 0;
    }

        .cover .col:nth-child(1) {
            text-align: center
        }

        .cover .col:nth-child(2) {
            text-align: center
        }

        .cover .col:nth-child(3) {
            margin-left: 0%;
            text-align: center
        }

        .cover .col .icon {
            width: 50px;
            height: 50px;
        }

        .cover .col span {
            font-size: 1rem;
            display: grid;
            margin-top: 1rem;
        }

        .cover .col a {
            text-decoration: none;
            text-transform: capitalize;
            color: #000;
        }

            .cover .col a:hover {
            }

@media only screen and (max-width: 780px) {
    .cover {
        top: auto;
        bottom: 0;
    }

        .cover .col {
            width: 100%;
            text-align: center !important;
            margin-top: 5%;
        }
}