* {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box
}

p {
    line-height: 200%;
}

body {
    margin: 0 20px;
}

header {
    max-width: 900px;
    background: #283655;
    border-radius: 0 0 6px 6px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
}

    header .logo {
        width: 360px;
        max-width: 80%;
    }

.contact {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 20px;
}

    .contact p {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

        .contact p.intro {
            padding: 0 20px 20px;
            text-align: justify;
        }

       

        .details {
            max-width: 500px;
            margin: 20px auto;
            padding: 5px 20px;
            background: #f7f7f7;
            border-radius: 6px;
            text-align: left;
            font-weight: 18px;
        }

            .details p span {
                font-weight: bold;
                display: block;
                font-size: 18px;
                line-height: 1.2;
            }

            .french {
                font-size: 14px !important;
                font-weight: normal !important;
            }

        .contact .details p {
            border-bottom: 1px solid #DDD;
            padding-bottom: 10px;
        }
        
        .contact .details p:last-of-type {
            border-bottom: 0px solid #DDD;
            padding-bottom: 0;
        }

        .button {
            background: #ebb018;
            border-radius: 6px;
            max-width: 370px;
            padding: 15px 50px;
            color: #0b1421;
            text-decoration: none;
            font-weight: bold;
            font-size: 18px;
            margin: 30px auto;
            display: block;
            text-align: center;
        }

            .button:hover {
                background: #dba313;
            }