.guide-styling {
    color: cornflowerblue;
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1em;
}
.style-border{
    padding-left:5%;
    padding-right:5%;
}

@media (max-width: 470px) { /* Extra-Extra-Extra small, like small mobiles small*/
    video {
        width: 270px;
        height: 240px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .guide-images-1-1-large {
        width: 80%;
        height: 300px;
    }
    .guide-images-tooltip-demo {
        width: 80px;
        height: 80px;
    }

    .guide-images-1-1_small {
        width: 165px;
        height: 165px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 240px;
        height: 240px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 240px;
        height: 135px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 240px;
        height: 120px;
    }

    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 240px;
        height: 70px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 240px;
        height: 80px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 240px;
        height: 360px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 200px;
        height: 300px;
    }
    .label-twolines-limit-lg {
        min-height: 0px;
    }
}

@media (min-width:470px) and (max-width: 600px) { /* Extra-Extra small*/
    video {
        width: 350px;
        height: 300px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .guide-images-tooltip-demo {
        width: 120px;
        height: 120px;
    }
    .guide-images-1-1-large {
        width: 400px;
        height: 400px;
    }
    .guide-images-1-1_small {
        width: 180px;
        height: 180px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 300px;
        height: 300px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 300px;
        height: 180px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 300px;
        height: 150px;
    }
    .label-twolines-limit-lg {
        min-height: 0px;
    }
    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 300px;
        height: 100px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 300px;
        height: 110px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 300px;
        height: 450px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 250px;
        height: 375px;
    }
}
@media (min-width:601px) and (max-width: 800px){ /* Extra Small*/
    video {
        width: 425px;
        height: 300px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .guide-images-1-1-large {
        width: 450px;
        height: 450px;
    }
    .guide-images-tooltip-demo {
        width: 140px;
        height: 140px;
    }
    .label-twolines-limit-lg {
        min-height: 0px;
        min-width: 400px;
    }
    .guide-images-1-1_small {
        width: 220px;
        height: 220px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 360px;
        height: 360px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 400px;
        height: 240px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 400px;
        height: 200px;
    }

    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 400px;
        height: 115px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 400px;
        height: 120px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 400px;
        height: 600px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 280px;
        height: 420px;
    }
}
@media (min-width:801px) and (max-width: 991px){ /* Small */
    video {
        width: 600px;
        height: 440px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .label-twolines-limit-lg {
        min-height: 0px;
        min-width: 400px;
    }
    .guide-images-1-1-large {
        width: 600px;
        height: 600px;
    }
    .guide-images-tooltip-demo {
        width: 170px;
        height: 170px;
    }
    .guide-images-1-1_small {
        width: 250px;
        height: 250px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 430px; 
        height: 430px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 520px;
        height: 289px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 520px;
        height: 280px;
    }

    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 520px;
        height: 140px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 520px;
        height: 150px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 550px;
        height: 825px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 320px;
        height: 480px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { /* Medium-large */
    video {
        width: 725px;
        height: 520px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .guide-images-tooltip-demo {
        width: 200px;
        height: 200px;
    }
    .label-twolines-limit-lg {
        min-height: 0px;
    }
    .guide-images-1-1-large {
        width: 700px;
        height: 700px;
    }
    .guide-images-1-1_small {
        width: 320px;
        height: 320px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 450px;
        height: 450px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 600px;
        height: 333px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 604px;
        height: 302px;
    }

    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 640px;
        height: 165px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 600px;
        height: 188px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 590px;
        height: 886px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 350px;
        height: 525px;
    }
}
@media (min-width: 1200px) and (max-width:1399px){ /* Large */
    video {
        width: 850px;
        height: 575px;
        padding-top: 1em;
    }
    .guide-padding {
        padding-left: 7rem;
        padding-right: 7rem;
    }
    .label-twolines-limit-lg{
        min-height: 48px;
    }
    .guide-images-1-1-large {
        width: 800px;
        height: 800px;
    }
    .guide-images-tooltip-demo{
        width: 220px;
        height:220px;
    }
    .guide-images-1-1_small {
        width: 340px;
        height: 340px;
    }

    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 500px;
        height: 500px;
    }

    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 680px;
        height: 378px;
    }

    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 604px;
        height: 302px;
    }

    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 680px;
        height: 170px;
    }

    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 680px;
        height: 190px;
    }

    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 590px;
        height: 886px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 370px;
        height: 555px;
    }
}
@media (min-width: 1400px) { /* Extra Large+ */
    video {
        width: 1000px;
        height: 600px;
        padding-top: 1em;
    }
    .label-twolines-limit-lg {
        min-height: 48px;
    }
    .guide-padding {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .guide-images-1-1-large{
        width:1000px;
        height:1000px;
    }
    .guide-images-tooltip-demo {
        width: 250px;
        height: 250px;
    }
    .guide-images-1-1_small{
        width:340px;
        height:340px;
    }
    .guide-images-1-1 { /* ~Ratio 1:1 */
        width: 500px;
        height: 500px;
    }
    .guide-images-1_8-1 { /* ~Ratio 1.8:1 */
        width: 680px;
        height: 378px;
    }
    .guide-images-2-1 { /* ~Ratio 2:1 */
        width: 604px;
        height: 302px;
    }
    .guide-images-4-1 { /* ~Ratio 4:1 */
        width: 680px;
        height: 170px;
    }
    .guide-images-3_6-1 { /* ~Ratio 3.6:1 */
        width: 680px;
        height: 190px;
    }
    .guide-images-1-1_5 { /* ~Ratio 1:1.5 */
        width: 590px;
        height: 886px;
    }
    .guide-images-1-1_5-small { /* ~Ratio 1:1.5 */
        width: 400px;
        height: 520px;
    }

}
        .text-format{
            line-height: 1.5 !important;
        }
        .intro {
            padding-top: 7rem;
            padding-bottom: 7rem;
        }

        .intro-filled {
            background-color: #f4f8f9;
            padding-top: 7rem;
            padding-bottom: 7rem;
        }

        
        .guide {
            padding-top: 7rem;
            padding-bottom: 7rem
        }


.borderline-format {
    max-width: 98%;
    transform: translate(1%, 0);
}