/* uređenja section od uvoda */
    .intro{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
        margin-top: 30px;
    }
    /* uređenja za uvodni naslov */
    .title {
        text-align: center;
        color: #61503a;
        font-size: 2em;
        position: relative;
    }
    /* ikona nakon naslova */
    .title::after {
        display: block;
        position: absolute;
        width: 47px;
        height: 13px;
        left: 0;
        right: 0;
        bottom: -18px;
        margin: auto;
        content: '';
        -webkit-mask: url(bordura.svg) no-repeat 50% 50%;
        mask: url(bordura.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-color: #B4AFA8;
    }
    /* uređenja za uvodni tekst */
    .intro-text {
        text-align: center;
        color: #61503a;
        font-size: 1.2em;
        width:800px;
        margin:10px;
    }
    /* uređenja za section koji sadrži listu */
    .characteristics{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #fcfaf1;
    }
    /* uređenja za ul tj. listu */
    .char-features {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        width: 85%;
        left: 0;
        right: 0;
    }
    /* uređenja za elemente liste  */
    .char-features>li{
        width: 30%;
        color: #61503a;
        font-size: 1.5em;
        padding-bottom: 17px;
        padding-right: 17px;
        list-style-type: none;
    }
    /* uređenja za elemente donje liste udaljenosti kako bi bili centrirani  */
    .l2>li{
        text-align: center;
    }
    /* uređenja za linkove */
    .textbox-link{
        text-decoration: none;
        color: rgba(153, 137, 47);
        border: 2px solid rgba(153, 137, 47);
        padding: 9px;
        font-size: 1em;
        text-transform: uppercase;
        transition: 0.3s ease;
        margin: 2px;
        text-align: center;
        text-transform: uppercase;
        margin: 4px;
    }
    /* uređenja za linkove hover */
    .textbox-link:hover{
        color: rgb(255, 255, 255);
        background-color: rgba(153, 137, 47);
        transition: 0.2s;
        
    }
    /* uređenja za div koji sadrži link buttons */
    .links{
        display: flex;
        justify-content: center;
    }
    /* prazan div za razdvajanje */
    .empty{
        height: 60px;
    }
    /* uređenja za liniju koja dijeli udaljenosti i karakteristike */
    hr {
        width: 85%;
        border-image: linear-gradient(to right,  rgb(190, 171, 60), rgba(153, 137, 47),  rgb(221, 201, 87)) 22;
    }
    /* uređenja za checkmarks */
    .fa-check {
        color: #7DC417;
    }
    .fa {
        display: inline-block;
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
    }

    @media (max-width: 1920px) { 

    }

    @media (max-width: 900px) { 
        .intro-text {
            text-align: center;
            color: #61503a;
            font-size: 1em;
            width:95%;
            margin:10px;
        }

        .char-features>li{
            width: 45%;
            font-size: 1.2em;
            padding-bottom: 15px;
            padding-right: 15px;
        }
    }