/* add/name font */
/* @font-face {
    font-family: 'pencilgrid';
    src: url('../pencil_grid/pencilgrid.ttf');
} */

@font-face {
    font-family: 'Merienda';
    src: url('../Merienda/Merienda-VariableFont_wght.ttf');
}



/* change font */
header, main, footer{
font-family: 'Merienda', sans-serif;
font-size: 1.6rem;

}
/*----------------Navbar--------------------------------------------*/
/* logo size */
#logauche{
    width: 7%;
}
/* color of accueil */
#home{
color:#1136ff;
}
/* contact color */
#contact{
background-color: #1136ff;
color:white; 
border-radius: 5px;
}
#contact-us{
    margin-top:15px;
}

/* color of menu */
.my-0{
    color: #1136ff;
    font-weight: bold;
}
.navbar-toggler{
    background-color: #fff;
    border-color: #1136ff;
}
/*------------CARD-----------------------------*/

#first_card{
    margin-bottom: 42px;
}
#first_quotation{
    margin-top: 30px;
}
/* maquet resized */
#line{
    width: 92%;
}
#tablette_logo{
    width: 104%;
}
/*logo install on the web*/
#def{
    width: 83%;
}
/*border transparent*/
.card{
    border-color:rgba(255, 255, 255, 0);
}
/*border transparent*/
.card-header{
    border-color: rgba(255, 255, 255, 0);
    background-color: #ffffff00;
}
/*-----------------------------------------------*/

/*contact info typo changed*/
#contact-infos{
    font-family: Arial, Helvetica, sans-serif;
}
#contact-infos2{
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 13px;
}
/*-----------------------------------------------*/
#lemin{
    font-family: Arial, Helvetica, sans-serif;
    font-size:x-large;
}
footer{
    background-color: #1136ff;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

#mentionlegal{
    font-family: Arial, Helvetica, sans-serif;
    
}
/*page realisations*/
.enlevement
{width: 76%;}

@media screen and (max-width:800px) and (min-width : 264px) {
    #no-flex{
        display: block;
    }
    #logauche{
        width: 30%;
    }
}


@media screen and (min-width: 1920px ) and (min-width: 462px){
    #no-flex{
        display: block;
    }

}