Current File : /home/d/i/g/digitaw/Ycof/.history/css/responsive_20230608161047.css

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


    .copyright p {
        color: var(--light); 
        text-align: center;
       
        font-size: 15px;
        
    }
    
    .copyright p:hover {
        color: var(--primary);
    }
    #titre{
        font-size: 30px;
        margin-top: 70%;
        color: #066191;
    }
    #back1{
        width: 50%;
    }
    #title4{
        font-size: 24px;
        padding-top: 5px;
    }
    #paie_img,#paie_img1,#paie_img2,#raison_img{
        width: 100%;
        border-radius: 12px;
    }
    #logo{
        width: 30%;
    }
   #entete_ass{
    margin-top: -280px;
   }
   #num{
    width: 100%;
    margin-left: 25px;
   }
   .form_1_progessbar{
    width: 8%;
   }
   .form_2_progessbar{
    width: 8%;
   }
   .form_3_progessbar{
    width: 8%;
   }
   .form_4_progessbar{
    width: 8%;
   }
   #click{
    padding: 10px;
   }
   #cadre{
    margin-left: -15px;
   }
   #num1{
    width: 100%;
    margin-left: 70px;
   }
   #num11{ 
    margin-left: 175px;
   }
   #num22{ 
    margin-left: 155px;
   }
   #bar1{
    width: 3%;
   }
   #bar2{
    width: 3%;
   }
   #num2{
    width: 100%;
    margin-left: 75px;
   }
   #numero
   #img_sante{
    margin-top: -75px;
   }
   #img_mobile{
    margin-left: 15px;
   }
   #paie_img3{
    margin-left:2px;
    width: 100%;
    border-radius: 12px;
   }
   #form_ins{
    width: 350px;
    margin-left: -52px;
   }
   #form_ins1{
    width: 350px;
    margin-left: -52px;
    margin-top: -55px;
   }
   #entete_ass1{
    margin-top: -330px;
   }
   #img_voy{
    display: none;
    visibility: hidden;
   }
   #img_voy_g{
        visibility: hidden;
    }
    #img_voy_d{
        visibility: hidden;
    } 
    #bnt_televerser{
        margin-left: 20%;
    }
    #bienv{
    font-size: 22px;
    text-align: center;
    }
    .page-header2,.page-header3,.page-header4,.page-header5{
        margin-top: 30%;
    }
    #distance{
        margin-top: -300px;
    } 

 

    }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}