body {
    font-size: larger;
}

#iconNav {
    border: none;
}

    #iconNav .nav-item {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 1%;
        border-radius: 5px;
        overflow: hidden;
    }

@media (min-width: 992px) {
    #iconNav .nav-item {
        width: 10.045%;
        margin-right: 1.2%;
        margin-bottom: 0;
    }
}

#iconNav .nav-item:last-child {
    margin-right: 0;
}

#iconNav .nav-item a {
    text-decoration: none;
}

#iconNav .nav-item .nav-link {
    text-align: center;
    border: 3px solid transparent;
    border-radius: 6px;
    padding: 0;
}

    #iconNav .nav-item .nav-link:hover, #iconNav .nav-item .nav-link.active {
        border: 3px solid #ef443b;
        border-radius: 6px;
        border-image: linear-gradient(45deg, #ef443b, #EE8D3B) 1;
    }

        #iconNav .nav-item .nav-link:hover p, #iconNav .nav-item .nav-link.active p {
            color: #ef443b;
        }

        #iconNav .nav-item  p, #iconNav .nav-item p {
            color: #000;
            font-weight: bold;
        }

    #iconNav .nav-item .nav-link img {
        max-width: 80px;
        padding: 10px 10px 0 10px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

@media (min-width: 576px) {
    #iconNav .nav-item .nav-link img {
        max-width: 100px;
        padding: 15px 15px 0 15px;
    }
}

#iconNav .nav-item .nav-link .iconNavThankYouImg {
    max-width: 90px;
    padding-top: 0.5rem;
}

#iconNav .nav-item .nav-link p, #iconNav .nav-item .nav-link span {
    font-weight: bold;
}

#iconNav a.nav-link {
    color: #ddd;
}