@media screen and (min-width: 320px) {
    #moder-embed{
        max-width: 768px;
        margin:0 auto;
    }
    #moder-embed .moder-bar {
        max-width: 768px;
        margin:0 auto;
    }
    #moder-embed .moder-embed .moder-persons{
        max-width: 768px;
        justify-content: center;
    }
    #moder-embed .moder-bar__heading, #moder-embed .moder-bar__main-heading, #moder-embed .moder-datepicker__monthname{
        font-family: var(--title-font);
    }
    #moder-embed .moder-highlight-bg{
        background-color: var(--blue);
    }
    #moder-embed .moder-highlight-text, #moder-embed .active{
        color:var(--blue);
    }
    #moder-embed .moder-highlight-bg svg, 
    #moder-embed .moder-highlight-bg polygon{
        fill:white;
    }
    #moder-embed .moder-embed .moder-embed__btn{
        border-color:var(--grey);
        color:var(--blue    );
    }
    #moder-embed .moder-embed .moder-embed__btn:hover, #moder-embed .moder-embed .moder-embed__btn--active, #moder-embed .moder-bar__search-text{
        background-color: var(--blue);
        color:white;
    }
}

@media screen and (min-width: 768px) {
    #moder-embed .moder-embed .moder-persons{
        justify-content: flex-end;
    }
}