@font-face {
    font-family: "Blog Script W05 Regular";
    src: url('../blog-script-regular.woff') ;
}

.gpen-banner-places .gpen-places-number {
    font-family: "Blog Script W05 Regular", serif;
    font-size: 6vw;

}

.gpen-logo {
    background: white;
    border-radius: 50%;
    padding: 20px;
}

.gpen-banner-places .gpen-places-text {
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 0.75vw;
}

.gpen-frontpage-map {
    display: flex;
    justify-content: center;

}

.gpen-frontpage-map .gpen-banner-image {
    width: 70vw;
    height: 40vh;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.gpen-frontpage-map .gpen-banner-places {
    color: white;
    position: absolute;
    bottom: 30%;
    right: 14%;
    display: grid;
    align-items: center;
    padding: 10px;
}


.gpen-frontpage-map .gpen-banner-logo {
    max-width: 100%;
    height: 100%;
    margin: auto;
}

.gpen-frontpage-map .gpen-banner-places p {

    margin: 5px;
}

.newsticker {
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #e5f0d1;
    padding: 20px 0;

}


.newsticker-inner {

    animation: scroll 40s linear infinite;
    display: flex;
}

.newsticker-item {
    flex-shrink: 0;
    padding: 0 10px;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
}


.newsticker-inner:hover {
   animation-play-state: paused;
}