/*************************************************************
*                           Images                           *
**************************************************************/
img:hover {
    filter: grayscale(0%);
}

.honeycomb {
    /*margin-top: 15%;*/
    /*margin-left: 20%;*/
    margin-top: 11vh;
    margin-left: 18vh;
}

.honeyrow {
    display: flex;
    justify-content: center;
}

#hex-1 { margin-top:  0;   margin-left: -12vw; }
#hex-2 { margin-top:  0;   margin-left:   0;   }
#hex-3 { margin-top:  0;   margin-left:   0;   }
#hex-4 { margin-top: -3vw; margin-left: -12vw; }
#hex-5 { margin-top: -3vw; margin-left:   0;   }
#hex-6 { margin-top: -3vw; margin-left:   0;   }
#hex-7 { margin-top: -3vw; margin-left:   0;   }

.hexagon-div {
    opacity: 0;

    height: 12vw;
    width: 12vw;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: midnightblue;
}

.hexagon-image {
    height: 11.7vw;
    width: auto;
    /*border-color: darkgrey;*/
    filter: grayscale(100%);

    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%);*/
    /*-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);*/
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

    /*margin: 10px;*/
    /*border-radius: 3vh;*/
}

.team-image {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    /*border-radius: 15px;*/
}

.portrait {
    height: 15vh;
    margin: 0px;
    filter: grayscale(100%)
}

.portrait:hover {
    filter: grayscale(30%)
}

.iceberg {
    background: url("../assets/images/iceberg.jpg") no-repeat;
    background-size: 100% 100%;
    background-clip: initial;
    /*filter: grayscale(100%);*/

    /*background-size: 100% calc(100vh - 109px);*/
    /*background-size: 100% calc(100% - 109px);*/
    /*background-size: 100% 100%;*/
}

.gray {
    filter: grayscale(100%);
}
.gray:hover {
    filter: grayscale(0%);
}