body{
    font-family: 'Montserrat', sans-serif;
    background: url(images/fl.svg) no-repeat right -400px;
    background-size:900px;
    background-attachment: fixed;
}

h1, h2, h3{
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}
h1{
   font-weight: 600; 
}

/* LINKS */
a, a:link, a:visited{
    color:#ff00cc;
    text-decoration: none;
}

/* GENERAL DESIGN */
.container{
    max-width: 1170px;
    margin: 0 auto;
    padding 0 15px;
}
    

/* HEADER */
.site-title a{
    display: block;
    width:220px;
    height:160px;
    background: url(images/logo-fleur.svg) no-repeat center center;
    background-size: contain;
    text-indent:-30000px;
}
.site-header .container{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.site-description{
    transform: translate(25px, -52px);
    font-style: italic;
    font-size: 0.8em;
    color:#ff00cc;
}
.main-navigation{
    width:auto;
}
.main-navigation li{
    margin-left: 5rem;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 1.1rem;
    font-style: italic;
    color:black;
}
.main-navigation ul ul{
    display: block;
}
.main-navigation ul ul li{
    margin-left: 0rem;
}

/* ARCHIVES */

.archive-grid{
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.archive-grid article{

    width:30%;
    margin-bottom: 2rem;
}
.archive-grid article h3{
    padding: 0.5rem 0;
    min-height: 75px;
}
.archive-grid article img{
    display: block;
}



/* FOOTER */
.site-footer{
    font-size: 0.8rem;
    text-align: center;
    padding: 5rem 0 10rem 0;
}