.customParagraph p {
    height: 150px;
   
}

html{
    height:100%;
    width:100%;
}

.parallax { 
    /* The image used */
    position: relative;
    /* Set a specific height */
    height: 850px;
    
    
 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

/* Choppy IE Parallax scrolling bug fix below */
    @supports ( -ms-accelerator:true ) 
    {
        html{
            overflow: hidden;
            height: 100%;    
        }
        body{
            overflow: auto;
            height: 100%;
        }
    }
    /*Ie 10/11*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
    {
        html{
            overflow: hidden;
            height: 100%;    
        }
        body{
            overflow: auto;
            height: 100%;
        }
    }
/* Choppy IE Parallax scrolling bug fix ends here  */

@media only screen and (min-width:320px) and (max-width:736px){
    .parallax{
        background-image: url(/SelfServePortal/img/Splash.png?549);
        background-repeat: no-repeat; 
        background-position: center;
        background-attachment:scroll; 
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
    }


    .video_content iframe{
        height: 220px !important;
    }
}

.container-fluid-extended{
    margin: 0 auto;
    max-width: 1440px;
    padding-right: 40px;
    padding-left: 40px;
}

.video_content iframe{
    width:100%;
    height: 320px;
}

.logo-client{
    width: 100%;
    max-width: 220px;
    opacity: 0.8;
    mix-blend-mode: multiply;
    padding: 35px 10px;
}