.youtube-video-wrap .container{
    padding-bottom: 0
}
@media (max-width: 767.98px) {
    .youtube-video-wrap .container{
        padding-top: 0;
    }
    .youtube-video-wrap .container iframe{
        width: 100vw;
        height: 66vw;
    }
}


@media (max-width: 767.98px) {
    body{
        padding-bottom: 50px !important;
    }
}

.circle {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    font-family: Helvetica, Arial Black, Arial;
    background-color: rgb(51, 51, 51);
    display: block;
    overflow: hidden;
    padding: 5%;
    border-radius: 50%;
}
.circle>div {
    color: rgba(255, 255, 255, 1);
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.block-9-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #008b3d;
}

.block-9-icon.loss {
    background-color: #008b3d;
    margin-left: -1rem;
    margin-bottom: .5rem;
    transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    -moz-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
}

.block-9-icon.win {
    background-color: #e95389;
    left: auto;
    right: 0;
    margin-right: -1rem;
    margin-bottom: .5rem;
    font-family: 'source-han-sans-traditional', sans-serif;
    transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -o-transform:rotate(15deg);
}