style.css

/* Header */

header {
    background: url('img/pexels-samir-meftah-11875720.jpg');
    background-size: cover;
    background-position: center;
    height: 95vh;
    }
    
    .text-intro {
    padding-top: 300px;
    padding-bottom: 200px;
    }
    
    .preTxt {
    font-size: 70px;
    margin: 0;
    color: #000000;
    line-height: 0.5;
    }
    
    h1 {
    font-size: 150px;
    color: #000000;
    font-family: 'Kaushan Script';
    }
    
    /* Nav */
    
    .navbar-brand {
    font-size: 45px!important;
    font-family: 'Kaushan Script' !important;
    }
    
    .navbar a {
    color: #fff!important;
    font-family: 'Lato';
    font-size: 22px;
    font-weight: 700;
    }
    
    /* A Propos */
    
    #aPropos {
    margin-top: 75px;
    padding-bottom: 75px;
    border-bottom: 1px dashed #2f2d2d;
    }
    
    #icones {
    padding-top: 100px;
    padding-bottom: 100px;
    }
    
    /* ban1 premiere banniere */
    
    #ban1 {
    position: relative;
    background: url('img/pexels-samir-meftah-11875720\ \(1\).jpg');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* pour centrer le bouton et les textes */
    text-align: center;
    }
    
    /* Galerie */
    
    #galerie {
    padding-bottom: 100px;
    }
    
    .h2Photos {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Kaushan Script';
    font-size: 70px;
    }
    
    #galerie .container p {
    padding-bottom: 40px;
    }
    
    /* seconde banniere */
    
    #ban2 {
    position: relative;
    min-height: 300px;
    background: url('img/pexels-samir-meftah-11875720\ \(3\).jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* pour tout centrer dont le btn ;) */
    text-align: center;
    }
    
    #carouselContent {
    margin-top: 70px;
    font-size: 35px;
    color: #000;
    font-weight: 400;
    }
    
    @media screen and (max-width: 500px) {
    /* Header */
    header {
    height: 55vh;
    }
    .text-intro {
    padding-top: 200px;
    }
    .text-intro a {
    transform: scale(0.8);
    }
    .navbar-brand {
    font-size: 35px!important;
    }
    .preTxt {
    font-size: 30px;
    }
    h1 {
    font-size: 51px;
    }
    }