/*!
 * custom css 
 */

/* Global Styles */

html,
body {
    height: 100%;
    background: #E0E2E2;
}

body.home .container{
    background-color: rgba(255,255,255, 0.75);
}

.video{
    margin-top:10%;
}

video {
    width: 50% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

/* Responsive Styles */

@media (max-width: 991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }

    video {
        width: 90% !important;
    }
}

@media (max-width: 767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media (min-width: 992px) {
    video{
        min-width:720px!important;
    }
}

@media (min-width: 1024px) {
    .panel{
        min-height:400px;
    }

    .panel .chiffre{
        /*top:45%;*/
        top:150px;
    }
}