.marked-pins {
    position: absolute;
    width: 35%;
    transition: all 1000ms ease-in;
    cursor: pointer;
    pointer-events: none;
}

.marked-buttons {
    display: none ;
    width: 100%;
    margin: 10px 0;
    padding: 5px 15px;
    border: none;
    background-color: #e63a4b;
    color: white;
    border-radius: 2px;
    /*box-shadow: 0 2px 4px rgba(255,255,255,0.2);*/
}

/*PEST*/
#mcc-csepel {
    top: 0%;
    left: 10%;
    transition-delay: 900ms;
}

#met-csepel {
    top: 0%;
    left: 45%;
    width: 40%;
    transition-delay: 700ms;
}


#mcc-airport {
    top: 0%;
    left: 65%;
    transition-delay: 1000ms;
}

#bilk-soroksar {
    top: 0%;
    left: 47%;
    transition-delay: 1200ms;
}

.mcc-csepel {
    display: none;
}
.met-csepel {
    display: none;
}
.mcc-airport {
    display: none;
}
.bilk-soroksar {
    display: none;
}

/*CSONGRAD*/
#met-szeged {
    top: 0%;
    left: 50%;
    width: 40%;
    transition-delay: 700ms;
}

#psp-szeged {
    top: 0%;
    left: 15%;
    transition-delay: 1000ms;
}

.met-szeged {
    display: none;
}

.psp-szeged {
    display: none;
}

/*SZABOLCS*/
#ewg-fenyes {
    top: 0%;
    left: 50%;
    width: 45%;
    transition-delay: 700ms;
}

#zahony {
    top: 0%;
    left: 55%;
    transition-delay: 1000ms;
}
.ewg-fenyes {
    display: none;
}
.zahony {
    display: none;
}

/*ZALA*/
#met-zala {
    top: 0%;
    left: 40%;
    width: 60%;
    transition-delay: 1000ms;
}
.met-zala {
    display: none;
}

/*GYOR-MOSON-SOPRON*/
#gysev-sopron {
    top: 0%;
    left: 10%;
    transition-delay: 1000ms;
}
.gysev-sopron {
    display: none;
}

/*GYŐR-GÖNYŰ*/
#gyor-gonyu {
    top: 0%;
    left: 75%;
    transition-delay: 1000ms;
}
.gyor-gonyu {
    display: none;
}

/*HAJDU*/
#macs-debrecen {
    top: 0%;
    left: 50%;
    transition-delay: 1000ms;
}
.macs-debrecen {
    display: none;
}

/* TÖRÖKBÁLINT */
#torokbalint {
    top: 0%;
    left: 54%;
    transition-delay: 1000ms;
}
.torokbalint {
    display: none;
}

/* SZEKESFEHÉRVÁR */
#szekesfehervar {
    top: 0%;
    left: 54%;
    transition-delay: 1000ms;
}
.szekesfehervar {
    display: none;
}


@media screen and (max-width: 1000px) {
    window
    .marked-pins {
        transform: scale(1.2);
    }

}

@media screen and (max-width: 850px) {
    .marked-pins {
        display: none !important;
    }
    .marked-buttons {
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        margin: 3px;
    }

}

@media screen and (min-width: 851px) {

    .marked-buttons {
        display: none !important;
    }

}