*{
    margin: 0;
    padding: 0;
}


.img-small{
    padding-top: 7vh;
    width: 100%;
}

.img-small img{
    width: 3.5vw;
    padding-left: 22vw;
}


.text-center{
    text-align: left;
    color: #3d3d3f;
    padding-top: 5vh;
    font-weight: 500;
    font-size: 1.5vw;
    text-transform: uppercase;
    padding-left: 22vw;
    text-decoration: underline;
    text-underline-offset: 2vh;
    text-decoration-thickness: from-font;
    text-decoration-color: #d1bfa7;
    letter-spacing: 3px;
}

.tekst-small{
    color: #3d3d3f;
    padding-left: 22vw;
    margin-top: 3vh;
    text-transform: uppercase;
    font-size: medium;
    font-weight: 500;
}

/*LINJE*/

.lines{
    position: fixed;
    padding-left: 19.5%;
    z-index: -1;
}


.tekst-box{
    display: grid;
    grid-template-columns: 35vw 32%;
    grid-template-rows: 10vh 10vh;
    padding-left: 22vw;
    grid-column-gap:10vw
}

#tekst-box1{
    margin-top: 3vh;
    grid-template-rows: auto auto auto auto;
    margin-bottom: 3vh;
}


.tekst-center1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    align-self: center;
    color: #3d3d3f;
    font-weight: 500;
    font-size: medium;
}

.tekst-center1 a{
    text-decoration: none;
    color: #d3a973;
    transition: .6s;
}

.tekst-center1 a:hover{
    color: #2424bb;
}



.linija-box{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    border-top: #d1bfa7 1px solid;
    
}

#linja-box1-ispravka{
    grid-row-start: 2;
    grid-row-end: 4;
}

.break-p{
    padding-top: 1vh;
}

.space{
    padding-bottom: 10vh;
}

.center-img{
    width: 60vw;
    margin: 0 auto;
    margin-top: -0.7vh;
}

.center-img img{
    width: 100%;
}

.center-img iframe{
    width: 100%;
    height: 60vh;
    padding-top: 2vh;
}

.tekst-center12{
    text-align: center;
    width: 100%;
    padding: 10vh 0;
}

.tekst-center12 a{
    text-decoration: none;
    color: #d1bfa7;
    transition: .5s;
}

.tekst-center12 a:hover{
    color: #3d3d3f;
    transition: .5s;
}


    /* Laptop */

    @media only screen and (min-width: 1124px) and (max-width: 1451px){
        .tekst-box{
            padding-top: 4vh;
            padding-bottom: 4vh;
        }

        .img-small img {
            width: 3.5vw;
        }

        .space{
            padding-bottom: 5vh;
        }
    }



/* MOBILE */

@media screen and (max-width: 1024px){

    .lines{
        padding-left: 1.5%;
    }

    .img-small img {
        width: 10vw;
        padding-left: 10vw;
    }

    .text-center {
        text-align: left;
        color: #3d3d3f;
        padding-top: 5vh;
        font-weight: 500;
        font-size: medium;
        text-transform: uppercase;
        padding-left: 10vw;
        letter-spacing: 0px;
        text-underline-offset:0;
        text-decoration: none;
    }

    .tekst-small {
        padding-left: 10vw;
        margin-top: 4vh;
        font-size: small;
        font-weight: 400;
        padding-right: 10vw;
    }

    .tekst-box {
        display: block;
        width: auto;
        padding-left: 10vw;
        padding-right: 7vw;
        padding-top: 10vh;
        padding-bottom: 10vh;
        text-align: left;
    }

    #tekst-box1{
        margin-top: 0;
        margin-bottom: 0;
    }

    

    .linija-box{
        display: none;
    }

    .tekst-center1 {
        font-weight: 400;
        font-size: medium;
    }
    


    .center-img {
        width: 85vw;
        margin: 0 auto;
        padding-top: 0vh;
        padding-bottom: 0vh;
        margin-top: -1vh;
    }


}