﻿.iconlinks.simple {
    text-align: center;
}

    .iconlinks.simple,
    .iconlinks.simple a,
    .iconlinks.simple a:hover {
        display: block;
        text-decoration: none;
        font-size: 24px;
        color: #272727;
    }

        .iconlinks.simple .image {
            margin-bottom: 18px;
        }

        .iconlinks.simple .iconlink {
            margin-bottom: 30px;
        }


.iconlinks.panels {
    text-align: center;
}

    .iconlinks.panels a, 
    .iconlinks.panels a:hover {
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .iconlinks.panels .iconlink {
        height: 300px;
        background-size: cover;
        margin-bottom: 30px;
        box-shadow: 8px 16px 32px #239EBC26;
        display: flex;
        border-radius: 10px;
    }

    .iconlinks.panels .name {
        padding: 16px;
        background-color: rgba(35,158,188,0.85);
        width: 100%;
        margin-top: auto;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .iconlinks.panels .name:hover,
        .iconlinks.panels .iconlink:hover .name {
            background-color: rgba(103,204,37,0.85);
        }