*{
    padding: 0;
    margin: 0;
}


body{
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

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

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


.text-center{
    text-align: left;
    color: #3d3d3f;
    padding-top: 5vh;
    font-weight: 500;
    font-size: 1.5vw;
    text-transform: uppercase;
    padding-left: 19vw;
    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: 19vw;
    margin-top: 3vh;
    text-transform: uppercase;
    font-size: medium;
    font-weight: 500;
}



.tekst{
    color: #3d3d3f;
    width: 60vw;
    margin: 0 auto;
    padding-bottom: 10vh;   
    margin-top: 7vh;
}

.break{
    padding-top: 1vh;
}

.tekst ul{
    margin-top: 7vh;
    padding-top: 2vh;
    display: grid;
    grid-template-columns: auto auto auto;
    line-height: 3vh;
    border-top: 1px solid #d1bfa7;
    text-transform: uppercase;
    font-weight: 500;
}

.tekst ul li{
    list-style: none;
}

/*LAPTOP*/

/*ZA laptop*/

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

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

    .tekst ul{
        font-weight: normal;
        font-size: 1vw;
        line-height: 4vh;
    }

    .tekst{
        padding-left: 19vw;
        width: auto;
        padding-right: 10vw;
    }

}


/* MOBILE */

@media screen and (max-width: 1024px){
    .img-small img {
        width: 10vw;
        padding-left: 13vw;
    }

    .text-center{
        font-size: larger;
        padding-left: 13vw;
        text-underline-offset: 0.1vh;
    }

    .tekst-small{
        padding-left: 13vw;
        padding-right: 13vw;
        font-size: medium;
        margin-top: 4vh;
    }

    .slider {
        background-color: #fff;
        /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
        height: 20vh;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100vw;
        padding: 0vh;
        margin-top: 7vh;
    }

    .slider::before, .slider::after {
        height: 20vh;
        position: absolute;
        width: 25vw!important;
    }

    .slide img {
        width: 38vw!important;
        height: auto;
    }

    .tekst {
        width: 77vw;
        padding-bottom: 10vh;
        margin-top: 7vh;
        padding-left: 13vw;
        margin: 7vh 0 0 0;
    }

    .tekst ul {
        margin-top: 7vh;
        padding-top: 2vh;
        display: block!important;
        line-height: 5vh;
        font-weight: normal;
        font-size: medium;
    }



}