@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

header {
    font-family: "Playfair Display", serif;
    margin-top: 2%;
}

header img {
    position: relative;
    overflow:hidden;
    width: auto;
}
header .photo {
    text-align: center;
}

main {
    font-family: "Playfair Display", serif;
}

main h1 {
    padding-top: 2%;
    margin-bottom: 2%;
}

.img-ct {
    position: relative;
    overflow:hidden;
    width:100%;
    height: 400px;
}
.img-ct img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:400px;
    object-fit:cover;

    filter: brightness(80%)
}

footer {
    font-family: "Playfair Display", serif;
    margin-top: 2%;
}

.exit {
    margin-bottom: 10%;
}

.container-fluid {
    padding: 0;
}

a { 
    color: black;
    text-decoration: underline dotted;
}
a:hover {
    color:rgb(66, 137, 204);
}

h5 {
    font-style: italic;
}

img {
    width: 100%;
}