@media only screen and (min-width: 1025px) {
    .uk-about-us {
        background-image: url('/images/about-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-about-us {
        background-image: url('/images/about-tablet.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-about-us {
        background-image: url('/images/about-phone.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
/**/
@media only screen and (min-width: 1025px) {
    .uk-cbd {
        background-image: url('/images/cbd-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-cbd {
        background-image: url('/images/cbd-tablet.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-cbd {
        background-image: url('/images/cbd-phone.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-cbd-ulje {
        background-image: url('/images/cbd-ulje-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-cbd-ulje {
        background: #F2E6F2;
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-cbd-ulje {
        background: #F2E6F2;
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-pjenusac {
        background-image: url('/images/pjenusac-desktop.jpg');
        height: 150vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-pjenusac {
        background-image: url('/images/pjenusac-tablet.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-pjenusac {
        background-image: url('/images/pjenusac-phone.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-vino {
        background-image: url('/images/vino-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-vino {
        background-image: url('/images/vino-tablet.jpg');
        height: 150vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-vino {
        background: #FFFEFE;
        height: 60vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;FFFEFE
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-adriatic {
        background-image: url('/images/adriatic-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-adriatic {
        background-image: url('/images/adriatic-tablet.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .uk-adriatic p{
        color: #fff;
    }

    .uk-adriatic button {
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .uk-adriatic {
        background-image: url('/images/adriatic-phone.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .uk-adriatic p{
        color: #fff;
    }

    
    .uk-adriatic button {
        color: #fff;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-kontakt {
        background-image: url('/images/kontakt-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-kontakt {
        background-color: #EAEAEA;        
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-kontakt {
        background-color: #EAEAEA;        
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;FFFEFE
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-pri {
        background-image: url('/images/pri-desktop.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-pri {
        background-image: url('/images/pri-tablet.jpg');
        height: 80vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex!important;
        align-items: flex-end;
    }
}

@media only screen and (max-width: 767px) {
    .uk-pri {
        background-image: url('/images/pri-phone.jpg');
        height: 100vh;
        margin-top: -80px;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex!important;
        align-items: flex-end;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-pri-1 {
        background-image: url('/images/pri-1.jpg');
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .uk-pri-1 p {
        color: #fff;
    }
}

/**/
@media only screen and (min-width: 1025px) {
    .uk-pri-2 {
        background-image: url('/images/pri-2.jpg');
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .uk-pri-2 {
        background-image: url('/images/pri-2-mobile.jpg');
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .uk-pri-2 {
        background-image: url('/images/pri-2-mobile.jpg');
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
    }
}


@media only screen and (min-width: 1025px) {
    .uk-pri-3 {
        background-image: url('/images/pri-3.jpg');
        height: 80vh;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .uk-pri-3 p {
        color: #fff;
    }
}

.uk-pri p {
    color: #fff;
}

.uk-text-medium {
    font-weight: 500;
}

.uk-button-default {
    background-color: transparent;
    color: #333;
    border: 1px solid #000!important;
}

.uk-modal-full {
    height: 100vh;
}

.uk-background-white {
    background-color: #FFFFFF!important;
}

.uk-nav a {
    color: #44566B!important;
}

@media only screen and (max-width: 767px) {
    .uk-mobile-but {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .uk-mobile-margin {
        margin-left: 0!important;
        margin-right: 0!important;
        margin-bottom: 10px;
    }
}