.container {
    max-width:980px;
    margin:auto;
}

@font-face{
    font-family:Courgette;
    src: url(Courgette-Regular.woff) format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-Black.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    color: black;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-BlackItalic.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
    color: black;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-Italic.ttf) format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face{
    font-family: "Source Sans Pro";
    src: url(SourceSansPro-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
}


body {
    font-family : "Source Sans Pro", Sans Serif;
    font-weight: normal;
    color:#444;
    font-size:18px;
}

header, h1, h2, h3, menu, .citation {
    font-family: "Courgette", Sans Serif;
    text-align:center;
    display: block;
}
menu{
    text-align:left;
    font-weight:800;
}

h1 {
    font-size:40px;
}
h2 {
    font-size:35px;
    color:#4f89b9;
}
h3 {
    font-size:25px;
}

.citation {
    font-size: 25px;
    background-color: #d7e1ef;
}
cite {
    font-size:18px;
}

footer {
    font-size:14px;
}

h1, h3, .citation, span, menu {
    color: #003884;
}

#drapeau, #brooklynBridge {
    float:right;
    margin:1em;
}
#statueOfLiberty, #taxi {
    float: left;
    margin:1em;
}
.clear {
    clear:both;
}

#license {
    color:black;
    text-decoration:underline;
}

a {
    text-decoration: none;
    color: #003884;
}