@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat.ttf') format('truetype');}

/* ------------------------- BASE ------------------------- */


body {     background-color: #EBE9E1;
}

.navbar{

    list-style: none;
    font-family: "Montserrat";
    display: grid;
    grid-template-columns: 8fr 1fr 1fr 1fr;
    font-size: 16px;
    padding: 0px;       
    margin: 40px;          
}

a {
  text-decoration: none;
  color: #E43D12;         
}

h1 {
    margin: -65px 0px 0px 30px;
    padding: 0px;
    column-gap: 0px;
    background-color: #EBE9E1;
    font-family: "Montserrat";
    font-size: 50px;
    font-weight: normal;
    color: #E43D12;
}

h2{
    margin: 50px 0px 0px 30px;
    padding: 0px;
    column-gap: 0px;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: normal;
    color: #E43D12;
}

h3{
    margin: 50px 0px 0px 30px;
    padding: 0px;
    column-gap: 0px;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    color: #E43D12;
}

h4{ 
    margin: 0px 0px 0px 0px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 200;
    color: #E43D12;

}

h5{  

    margin: 0px 0px 0px 30px;
    padding: 0px;
    column-gap: 0px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: normal;
    color: #E43D12;
}

p{  

	margin: 0px 0px 0px 30px;
    padding: 0px;
    column-gap: 0px;
	font-family: "Montserrat";
	font-size: 15px;
	font-weight: normal;
    color: #E43D12;
}

figcaption{ 
    margin: 0px 0px -20px -5px;
    padding: 0px;
    column-gap: 0px;
    font-family: "Montserrat";
    font-size: 15px;
    font-weight: 400;
    color: #E43D12;

}


figure img{
    width: 250px;
    height: auto;
    border-radius: 10px;
    margin: 0px 0px 0px -8px;

}


.Carte1 {
    margin: 30px 0px 0px -5px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;

    }

.Carte2 {
    margin: 30px 0px 0px 0px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;

    }

.Carte3 {
    margin: 30px 0px 0px 0px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;

    }

.Carte4 {
    margin: 30px 0px 0px 0px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;

    }


/* ------------------------- GRILLE (RESPONSIVE) ------------------------- */


.global_item {
    display: grid;
    grid-template-columns: 1fr;
}


.Fairy1 {
    width: 40%;      
    height: auto;    
    display: block;   
    margin: -1300px 00px 00px 1350px ; 
    border-radius: 10px;
}

.Fairy2 {
    width: 35%;      
    height: auto;    
    display: block;   
    margin: -640px 00px 00px 1230px ; 
    border-radius: 10px;
}