@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 2dppx),
    only screen and (                min-resolution: 192dpi){

    h1{
        color: brown!important;
    }    
    div#compteur div{
        width: 19.5%;
        font-size: 20em;
    }
    div#cdrplus{
        width: 49%;
    }
    div#cdrmoins{
        width: 48%;
    }
    div#cdrplus img#btnplus{        
        width: 80%;        
        height: 80%;
    }
    div#cdrmoins img#btnmoins{        
        width: 30%;        
        height: 30%;
    }

    .modal-dialog {
        max-width: 90%!important;
        margin: 1.75rem auto;
    }

    .modal-dialog input{
        height: 145px;
        font-size: 2cm;
    }
    .modal-dialog label{
        font-size: 2cm;
    }
    .modal-header .modal-title{
        font-size: 1.2cm;
    }
    .modal-footer button{
        font-size: 1.0cm;
        height: 120px;
        width: 520px;
    }
    nav.navbar-expand-lg a, .textecreer{
        font-size: 1.0cm;
    }
    nav.navbar-expand-lg{
        height: 195px;
    }
    button.navbar-toggler{
        height: 190px;
        width: 290px;
    }
    .navbar-toggler-icon{
        width: 10.5em !important;
        height: 6.5em !important;
    }
    .iconecreergroupe {
        height: 148px;
    }
    div#cadreinfogroup{
        font-size: 1.4cm;
    }
    span#spcomptcom{
        font-size: 4em;
    }
    .messageDerreur{
        font-size: 4em;
    }
    div#cadreboutonssuperieurs img{
        height: 120px;
    }
    div.boutongrouper img{
        width: 320px;
        height: 163px;
    }
    div#dadcompgrp h4{
        font-size: 1.8cm;
    }
    .iconerazgroupe{
        width: 30px!important;
        height: 30px!important;
    }
}