/* latin */
@font-face {
    font-family: 'Londrina Shadow';
    font-style: normal;
    font-weight: 400;
    src: local('Londrina Shadow'), local('Londrina Shadow'), url('../fonts/LondrinaShadow-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Londrina Solid';
    font-style: normal;
    font-weight: 400;
    src: local('Londrina Solid'), local('Londrina Solid'), url('../fonts/LondrinaSolid-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
    background: #cddbdd;
    font-family: 'Londrina Solid';
}

h1 {
    font-family: "Londrina Shadow", serif;
    font-size: 6rem;
    text-transform: uppercase;

    @media screen and (max-width:700px) {
        font-size: 4rem;
    }
}

p {
    font-size: 2rem;
}

.flocke {
    width: 75px;
    margin-left: 1rem;
    height: auto;

    @media screen and (max-width:1199px) {
        display: none;
    }
}

.footer {
    font-size: 1.0rem;
}

.lead {
    font-size: 3rem;
}

#advcal {
    width: 100%;
    margin: 0 auto;
}

.advcal-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advcal_tag {
    min-width: 24%;
    max-width: 24%;
    margin-bottom: 2rem;


}

@media screen and (max-width:1000px) {
    .advcal_tag {
        min-width: 30%;
        max-width: 30%;
        margin-bottom: 2rem;
    }
}


.advcal_tag img {

    width: 100%;
    height: auto;
}

.advcal_tag a img {
    transition: all .5 ease;
}

.advcal_tag a img:hover {
    border-radius: 10%;
    z-index: 200;
    transform: scale(1.125);
    box-shadow:
            inset 0 0 25px #fff,      /* inner white */
            inset 10px 0 40px #f0f,   /* inner left magenta short */
            inset -10px 0 40px #0ff,  /* inner right cyan short */
            inset 10px 0 150px #f0f,  /* inner left magenta broad */
            inset -10px 0 150px #0ff, /* inner right cyan broad */
            0 0 25px #fff,            /* outer white */
            -5px 0 40px gold,        /* outer left magenta */
            5px 0 40px gold;         /* outer right cyan */
}