download_item @font-face {
    font-family: 'Now';
    src: url('fonts/Now-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Now';
    src: url('fonts/Now-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

.test {
    font-family: 'Now', sans-serif;
    font-weight: bold;
}



.title-container {
    /*position: relative;*/
    text-align: left;
    font-family: 'Now', sans-serif;
    font-size: 40px;


    margin-top: 30px;
    margin-bottom: 80px;
}

.title-container::after {

    content: url('title_decor.svg');
    position: absolute;
    display: block;
    margin-top: -10px;
    transform: translateX(-100px);

    content: attr(data-description);
    font-size: 14px;
    color: #fff;
    background-image: url("title_decor.svg");
    background-repeat: no-repeat;
    height: 50px;
    width: 602px;

    /* horizontal and vertical text alignment */
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-section {
    display: flex;
    flex-direction: row;
}

.index-section-white {
    /* Using the default value (transparent) works better with near the footer
    /*background-color: transparent;*/
    /*background-color: white;*/
    color: #101015;
}

.index-section-black {
    background-color: #101015;
    /* background-color: #050507;*/
    color: #ddd;
}


.index-section-content {
    flex: 1;
    padding: 60px;
}

.index-text {
    font-size: 16px;
    margin-bottom: 15px;
}

.index-image-container {
    flex: 1;
    display: flex;
    margin: 50px;
}

.index-image {
    object-fit: cover;
    min-height: 450px;
}


@media (max-width: 768px) {
    .index-section {
        flex-direction: column-reverse;
    }

    .title-container::after {
        width: 100%;
    }
}

.download_section a {}

.download_item {
    background-image: url(dl_background.jpg);
    background-size: cover;
    padding: 20px;
    margin: 20px;
    border-radius: 10px;
    width: 600px;
    color: white;
    cursor: pointer;
    user-select: none;
}

.measure-custom {
    max-width: 80em;
}