html, body {
    margin: 0;
    padding: 0;
    font-family: 'Obvia', sans-serif;
}

/* Texts */

h1 {
    font-size: 2rem;
    font-family: 'Obvia', sans-serif;
    font-weight: lighter;
    display: flex;
    justify-content: center;
    padding: 20 20;
}

h2 {
    font-size: 4rem;
    font-family: "gyst-variable", 'Obvia', sans-serif;
    font-weight: bold;
    display: flex;
    justify-content: center;
    padding: 0;
    color: #9e4b71;
}

p {
    font-size: 1rem;
    font-family: 'Obvia', sans-serif;
    color: #669ecc;
    padding: 10 20px;
}

/* Image Gallery */

.gallery {
    width: 100%;
}

.row {
    display: flex;
    justify-content: center;

    width: 100%;
    height: 400px;
}

.thumbnail {
    width: 25%;
    margin: 0.2rem;

    /* background */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Images */

#img1 {
    background-image: url('../images/resized/01karina.jpg');
}

#img2 {
    background-image: url('../images/resized/02karina.jpg');
}

#img3 {
    background-image: url('../images/resized/03karina.jpg');
}

#img4 {
    background-image: url('../images/resized/04giselle.jpg');
}

#img5 {
    background-image: url('../images/resized/05giselle.jpg');
}

#img6 {
    background-image: url('../images/resized/06giselle.jpg');
}

#img7 {
    background-image: url('../images/resized/07winter.jpg');
}

#img8 {
    background-image: url('../images/resized/08winter.jpg');
}

#img9 {
    background-image: url('../images/resized/09winter.jpg');
}

#img10 {
    background-image: url('../images/resized/10ning2.jpg');
}

#img11 {
    background-image: url('../images/resized/11ning2.jpg');
}

#img12 {
    background-image: url('../images/resized/12ning2.jpg');
}

/* footer */
footer {
    display: flex;
    justify-content: center;
    background-color: #244864;
    margin-top: 10px;
}