@font-face {
    font-family: OrangeFont;
    src: url(../Bestanden/Fonts/Orange/Orange.ttf);
}

.name_container {
    margin: 0 auto;
    margin-top: 5vh;
    margin-bottom: 10vh;
    text-align: center;
    position: relative;
}
.name
{
    width: 100%;
    text-align: center;
    
    font-family: OrangeFont;
    -webkit-text-stroke: #000000 .03em;

}
.name.outline
{
    top: 0;
    position: absolute;
    -webkit-text-stroke: #ffffff .01em;
}

@media (min-width: 1024px) {
    .name_container {
        font-size: 26vh;
    }
}

@media (max-width: 1024px) {
    .name_container {
        /* color: blue; */
        font-size: 26vh;
    }
}

@media (max-width: 768px) {
    .name_container {
        /* color: green; */
        font-size: 24vw;
    }
}