/*****************************************************************

GENERIQUE PAGE

*****************************************************************/

.generique {

    margin-bottom: 100px;

    &-title {

    h1 {
  
            font-family: "Poppins", sans-serif;
            font-weight: 300;
            font-size: 24px;
            line-height: 33px;
            letter-spacing: 6px;
            text-transform: uppercase;
            margin-bottom: 30px;
            margin-top: 30px;

    }

}

    .ss-titre-graph {

        font-family: $titleFont;
        font-size: 70px;
        color: #000000;
        letter-spacing: 1.75px;
        line-height: 74px;
        font-style: italic;
        font-weight: 700;
        margin-bottom: 40px;
        text-align: center;

    }

    h2 {
        font-family: $contentFont;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 700;

    }

    h3 {


    }

    p {

        font-weight: 300;
        font-size: 14px;
        line-height: 20px;

    }


    a {

        font-weight: 300;
        font-size: 14px;
        color: #000000;
        text-decoration: underline;

        &:hover {

            color: #CE5244;

        }

    }
    
}

@media (min-width: 990px) {

    .generique {

        .ss-titre-graph {

            text-align: left;
    
        }

    }
}