/*
 * Je Suis De Marseille
 * "Coming Soon" page styles
 */

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * BASE
 * Headings.............H1–H6 styles.
 * Texts................Paragraphs styles.
 */

/*------------------------------------*\
  # SETTINGS Colors
\*------------------------------------*/

/**
 * Black.................#000000
 * Cement................#8A8B8D
 * Charcoal..............#58585A
 * GreenishGrey..........#1E2B2D
 * Grey..................#C6C7C8
 * Moss..................#DBD7A2
 * OffBlack..............#333333
 * Red...................#E4342D
 * White.................#FFFFFF
 */

/*------------------------------------*\
  # SETTINGS Global
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Caladea:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap');

html,
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

div#seed-csp4-content {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 125px 100px;
}

@media screen and (max-width: 767px) {
    div#seed-csp4-page {
        padding: 45px 20px;
    }

    div#seed-csp4-content {
        padding: 15px;
    }
}

/*------------------------------------*\
  # BASE Headings
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Caladea', serif !important;
}

/*------------------------------------*\
  # BASE Texts
\*------------------------------------*/

p,
span {
    font-family: 'Source Sans Pro', sans-serif;
}

p:last-child {
    margin-top: 25px;
}

strong {
    font-size: 1.4rem;
    color: #444444;
}