body {  /* Toujours commecer le css par ça */
    margin: 0; 
    padding: 0;
    height: 100vh; /*Veut dire 100% de la hauteur*/
}


/* DEBUT BACKGROUND */
/* Header */

header {
    background: url('img/atelier.jpg');
    background-size: cover;
    background-position: center;
    height: 60vh;
}
.navbar {
    padding: 0px 20px 0px 20px!important;
}
.navbar-brand {
    font-size: 50px!important;
    font-family: 'Shadows Into Light', cursive!important;
    padding: 0pximportant;
}
.navbar-toggler {
    background-color: #f9ca24!important;
}
.text-intro {
    padding-top: 250px;
    padding-bottom: 200px;
    font-size: 55px;
    font-family: 'Kaushan Script', cursive;
}
.text-intro2 {
    font-size: 35px;
    font-family: 'Kaushan Script', cursive;
}
.carte:hover {
    transform: scale(1.05);
    transition: all 0.2s ease-in;
}
.carte1 {
    background-color: #dcdde1;
    border-radius: 10px;
}

a {
    color: black!important;
    text-decoration: none!important;
} 

a:hover {
    color: #f9ca24!important;
}

/*TABLEAUX*/
td{
    padding: 3px!important;
}

/* QUERIES */

@media screen and (max-width:990px){
    
    .text-intro {
       font-size: 50px;
     }
}

@media screen and (max-width:425px){
    .navbar-brand {
        font-size: 40px!important;
    }
    .text-intro {
        padding-top: 150px;
       font-size: 40px;
     }
}