
#flproInstructions {
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(171,148,191,1) 32%, rgba(171,148,191,1) 84%, rgb(255, 255, 255) 100%);
}

ul {
    list-style-position: inside;
}

.instructional-video-container {
    display: flex;
    align-items:center;
    justify-content: center;
    width:50%;
    height:500px;
    overflow:hidden;
    border-radius: 0px 10px 10px 0px;
}

video {
    top :0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.instructional-content-col {
    padding:0px;
}

.instruction-section:nth-child(2n+1) .instructional-video-container {
    float:left;
    border-radius: 10px 0px 0px 10px;
    margin-right:20px;
}

.instruction-section:nth-child(2n) .instructional-video-container {
    float:right;
    margin-left:20px
}

iframe {
    max-width:100%
}

.row {
    background-color: white;
    border-radius: 10px;  
    margin:0px;  
}


/* media query at 992px */
@media (max-width: 1080px) {
    h1 {
        font-size:25px;
    }
    .instruction-section{
        margin:0px;   
    }

    .instruction-section:nth-child(2n+1) .instruction-section-copy {
        margin:0px; 
    }

    .instruction-section:nth-child(2n) .instruction-section-copy {
        margin:0px; 
    }

    .instructional-video-container {
        float:none;
        width: 100%;
        height:auto;
        border-radius: 10px 10px 0px 0px;
    }

    .instruction-section:nth-child(2n) .instructional-video-container {
        float:none;
        border-radius: 10px 10px 0px 0px;
        margin:0px;
    }

    .instruction-section:nth-child(2n+1) .instructional-video-container {
        float:none;
        border-radius: 10px 10px 0px 0px;
    }
}