:root {
  --couleur-principale: #00DFDE;
  --couleur-secondaire: #16A2A2;
  --couleur-noir: #000000;
  --couleur-clair: #ffffff;
  --couleur-gris: #EFEFEF;
}
@font-face {
    font-family: 'VisbyCF';
    src: url('../font/VisbyCF-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
} 



/************************************************
* TITLE SECTION
************************************************/
#title {
    text-align: center;
}

#subtitle {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

#subtitle p {
    margin: 0;
}


.section {
    width: 90%;
    margin: auto;
    font-size: 20px;
    text-align: center;
}

/************************************************
* CONTACT SECTION
************************************************/

.section-black {
    height: 50vh;
}

.text-principale {
    font-size: 24px;
}

#section_title  {
    padding-top: 15vh;
    width: 90%;
    margin: auto;
    
    align-items: center;
    text-align: left;
}



@media screen and (min-width: 992px) {

    #title {
        text-align: center;
    }
    .section-black {
        height: 70vh;
    }

    .text-principale {
        font-size: 32px;
    }


    
    
}


@media screen and (min-width: 1200px) {
    
    
    
}

@media screen and (min-width: 1400px) {
   
    
}

@media screen and (min-width: 1600px) {
   
    
}

@media screen and (min-width: 1800px) {
    
}