section#games .gameInstructions p {
    font-size: 1.1rem;
    display: none;
}

section#games .canvasSection {
    background: url("../../images/gamesPresentationBg.jpg?v=2") center/cover no-repeat;
    text-align: center;
    padding: 10% 0;
    z-index: 3;
}
section#games canvas {
    box-shadow: 0 11px 22px rgba(0, 0, 0, 0.4) ;
    -webkit-box-shadow: 0 11px 22px rgba(0, 0, 0, 0.4) ;
    -moz-box-shadow: 0 11px 22px rgba(0, 0, 0, 0.4);
}
section#games .canvasSection iframe {
    /*border: 65px solid transparent;*/
    border-top: 68px solid transparent;
    border-left: 61px solid transparent;
    border-right: 65px solid transparent;
    border-bottom: 66px solid transparent;
    border-image-source: url("../../images/iframeBorder.svg?v=3");
    border-image-slice: 80;
    border-image-width: auto;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none!important;
    -webkit-touch-callout: none!important;
    -webkit-user-callout: none!important;
    -webkit-user-drag: none!important;
    -webkit-user-modify: none!important;
    -webkit-highlight: none!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
section#games .iframeWrapper {
    display: inline-block;
    position: relative;
}

section#games .fullScreenBtn {
    position: absolute;
    background: url('../../images/fullScreenBtn.svg') center/cover no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    top: 12%;
    left: 7%;
    cursor: pointer;
    z-index: 11;
}
section#games .gamesList {
    display: flex;
    flex-wrap: wrap;

    /*gap: 3em;*/
    /*-webkit-column-gap: 3em;*/
    justify-content: center;
    margin: 4em 0;
    position: relative;
    z-index: 3;
}
section#games .gamesList .gameItem {
    margin-right: 3em;
}

section#games .gamesList h1 {
    color: #e70000;
    margin-bottom: 1em;
}
section#games .gamePoster {
    position: relative;
    cursor: pointer;
}
section#games .gamePoster:before {
    content: '';
    background: url('../../images/playBtn.svg') center/cover no-repeat;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 300ms ease-in-out;
}
section#games .gamePoster:hover:before {
    transform: scale(1.1) translate(-50%, -50%);
}
section#games .animatedWave:last-of-type .wavePath {
    fill: #ffffff;
}
section#games .gameDescription p {
    text-align: left;
    max-width: 30ch;
}
section#games .gameDescription p span {
    color: #e70000;
    font-weight: 600;
}

section#games svg.animatedWave {
    position: absolute;
    top: unset;
    bottom: 42%;
    left: 0;
    z-index: 1;
}
section#games svg.animatedWave path {
    fill: #ffffff;
}
section#games svg.animatedWave path animate {
    fill: #ffffff;
}
@media screen and (max-width: 960px) {
    section#games .canvasSection {
        padding: 20% 0 25%;
    }
    section#games .canvasSection iframe {
        width: 720px;
        height: 405px;
        border-top: 46px solid transparent;
        border-left: 42px solid transparent;
        border-right: 41px solid transparent;
        border-bottom: 45px solid transparent;
    }

    section#games canvas {
        width: 575px;
        height: auto;
    }

    section#games svg.animatedWave {
        bottom: 52%;
    }

    section#games .gamesList {
        margin: 4em 1em;
    }

    section#games .gamesList .gameItem {
        flex: 1 1 33%;
    }
}
@media screen and (max-width: 420px) {
    section#games .gameInstructions {
        margin-bottom: 1em;
    }
    section#games .gamesList .gameItem {
        flex: 1 1 51%;
    }
    section#games .canvasSection {
        padding: 30% 0 25%;
    }
    section#games canvas {
        width: 275px;
    }
    section#games svg.animatedWave {
        bottom: 73%;
    }
    section#games .canvasSection iframe {
        width: 325px;
        height: 183px;
        border-top: 21px solid transparent;
        border-left: 18px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 21px solid transparent;
    }
    section#games .fullScreenBtn {
        width: 20px;
        height: 20px;
    }
    section#games .gamesList .gameItem {
        margin-right: unset;
    }
}