@font-face {
    font-family: Rotunda;
    src: url(Rotunda.woff2);
}

body {
    font-family: 'Rotunda';
    background-color: rgb(254, 250, 243);
    color: rgb(79, 79, 79);
    font-size: 1.2em;
}

a:link {
    color: rgb(255, 0, 255);
    text-decoration: none;
}

a:hover {
    color: rgb(255, 112, 255);
    cursor: help;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 1.7em;
}

.rod {
    font-size: 2.9em;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 1.7em;
    margin-bottom: 2em;
}

.responsive-map-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.responsive-map-wrapper img {
    display: block;
    max-width: 100%;
    height: auto;
}

.map-link {
    position: absolute;
    display: block;
    z-index: 10;
}

.Father {
    top: 18.5%;
    left: 42.4%;
    width: 14.3%;
    height: 14.8%;
}

.Son {
    top: 65.5%;
    left: 67.7%;
    width: 14.3%;
    height: 14.8%;
}

.HolySpirit {
    top: 66%;
    left: 17.8%;
    width: 14.3%;
    height: 14.8%;
}