/* Add here all your CSS customizations */
.section{
	padding-top: 6rem;
}

#footer > .container > .row{
	padding-top: 6rem;
}

ul.landing-bg{
	    background-image: url('../img/slides/multi-purpose/bg/bg-5_mfohkv_c_scale,w_1400.jpg');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
}

.image-frame-wrapper{
    border-radius: 50%!important;
    -webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
    filter: grayscale(70%);
}

@media only screen and (max-width:567px){
ul.landing-bg{
        background-image: url('../img/bg-mob.jpg');
            }
}
@media only screen and (min-width:567px)and (max-width:768px){
ul.landing-bg{
        background-image: url('../img/bg-mob.jpg');
            }
}
@media only screen and (min-width: 768px){
    ul.landing-bg{
        background-image: url('../img/slides/multi-purpose/bg/bg-5_mfohkv_c_scale,w_918.jpg');
            }
}
@media only screen and (min-width:992px){
   ul.landing-bg{
        background-image: url('../img/slides/multi-purpose/bg/bg-5_mfohkv_c_scale,w_1086.jpg');
            } 
}
@media only screen and (min-width:1200px){
   ul.landing-bg{
        background-image: url('../img/slides/multi-purpose/bg/bg-5_mfohkv_c_scale,w_1244.jpg');
            } 
}
@media only screen and (min-width:1400px){
    ul.landing-bg{
        background-image: url('../img/slides/multi-purpose/bg/bg-5_mfohkv_c_scale,w_1400.jpg');
            }
}