.map {
    background-color: $micSuperLightOrange;
    width: 100%;
    padding: 80px 0;

    &__tab {
        background-color: $micOrange;
        padding: 10px 20px 5px 20px ;
        display: table;
        color: white;
        margin: 0 0 0 30px;
        border-radius: 10px 10px 0 0 / 10px 10px 0 0;
        & i {
            color: white;
            margin: 0 10px 0 0;
        }
    }
    &__wrapper {
        display: flex;
        border: 5px solid $micOrange;
        border-radius: 10px;
        overflow: hidden;
    }
    &__navi {
        display: flex;
        flex-wrap: wrap;
        background-color: white;
        border-left: 3px solid $micOrange;
        flex-grow: 1;
        padding: 10px
    }
    &__link {
        display: flex;
        flex-wrap: wrap;
        width: 50%;
        height: 50%;
        align-items: center;
        justify-content: center;

        &:nth-of-type(2n){
            border-left: 1px solid $micGrey;
        }
        &:nth-of-type(1),&:nth-of-type(2){
            border-bottom: 1px solid $micGrey;
        }

        &:hover  { 
           opacity: 0.5;
        }
    }
    &__link-text {
        text-align: center;
        font-size: 12px;
        & i {
            color:$micOrange;
            font-size: 12px;
            margin: 0 10px 0 0;
        }
    }
    &__text {
        text-align: center;
    }

}