body {
    background-color: #231f20;
    font-family: 'd-din-proregular';
}

.how-wrapper {
    height: 100%;
    background-color: #231f20;
}

.how-logo {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.how-logo > img {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}

h1, h2, h3 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 42px;
}
h1 > span {
    font-size: 26px;
    line-height: 32px;
}

/* HERO BLOCK */
.how-desktop-hero {
    background-color: #000;
    padding: 0;
    position: relative;
}
.how-desktop-hero-overlay {
    position: absolute;
    top: 60px;
    left: 0; 
    right: 0; 
    margin-inline: auto; 
    width: fit-content;
}

.how-desktop-hero .uk-slideshow-items>* {
    width: 100%;
}

.uk-button-how {
    background-color: #fbd90c;
    border-color: #fbd90c;
    color: #000;
}

.how-about p {
    font-size: 1.1rem;
}

.how-footer {
    opacity: .5;
}

.om-logo {
    width: 120px;
    height: auto;
}