* {

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {

    margin: 0px;
    height: 100%;
    width: 100%;
    background-color: antiquewhite;
}

body {
    padding: 20px;
    padding-top: 40px;
    min-width: 600px;
}

.main h1 {
    font-weight: 400;
    width: 464px;
    background: #525e3c;
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    height: 55px;
    line-height: 55px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;

}

.demos {
    text-align: center;
    margin-top: 20px;

    margin: auto;
}

.demo-image {
    cursor: url("http://tholman.com/intense-images/img/plus_cursor.png") 25 25, auto;
    display: inline-block;
    width: 400px;
    height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 20px;
}

.demo-image.first {
    background-image: url("images/_NZ66861_ivanisevicivan.com.jpg");
}

.demo-image.second {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66722_ivanisevicivan.com.jpg");
}

.demo-image.third {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66728_ivanisevicivan.com.jpg");
}

.demo-image.forth {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66731_ivanisevicivan.com.jpg");
}


.demo-image.fifth {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66755_ivanisevicivan.com.jpg");

}

.demo-image.sixth {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66771_ivanisevicivan.com.jpg");

}

.demo-image.seventh {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66850_ivanisevicivan.com.jpg");
}

.demo-image.eight {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66855_ivanisevicivan.com.jpg");
}

.demo-image.ninth {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66858_ivanisevicivan.com.jpg");
}

.demo-image.tenth {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66861_ivanisevicivan.com.jpg");
}

.demo-image.jedanaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66868_ivanisevicivan.com.jpg");
}

.demo-image.dvanaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66875_ivanisevicivan.com.jpg");
}

.demo-image.trinaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ66944_ivanisevicivan.com.jpg");
}

.demo-image.četrnaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ67038_ivanisevicivan.com.jpg");
}

.demo-image.petnaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ67061_ivanisevicivan.com.jpg");
}

.demo-image.šesnaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ67091_ivanisevicivan.com.jpg");
}

.demo-image.sedamnaest {
    background-position: 50% 10%;
    background-image: url("images/vani i bazen/_NZ67102_ivanisevicivan.com.jpg");
}

.demo-image.osamnaest {
    background-position: 50% 10%;
    background-image: url("images/spavace sobe/_NZ66453_ivanisevicivan.com.jpg");
}

.demo-image.devetnaest {
    background-position: 50% 10%;
    background-image: url("images/spavace sobe/_NZ66519_ivanisevicivan.com.jpg");
}

.demo-image.dvadeset {
    background-position: 50% 10%;
    background-image: url("images/spavace sobe/_NZ66532_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetjedan {
    background-position: 50% 10%;
    background-image: url("images/spavace sobe/_NZ66564_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetdva {
    background-position: 50% 10%;
    background-image: url("images/wc/_NZ66498_ivanisevicivan.com.jpg");
}

.demo-image.dvadesettri {
    background-position: 50% 10%;
    background-image: url("images/wc/_NZ66548_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetčetiri {
    background-position: 50% 10%;
    background-image: url("images/blagavaona/_NZ66594_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetpet {
    background-position: 50% 10%;
    background-image: url("images/blagavaona/_NZ66677_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetšest {
    background-position: 50% 10%;
    background-image: url("images/blagavaona/_NZ66809_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetsedam {
    background-position: 50% 10%;
    background-image: url("images/blagavaona/_NZ66844_ivanisevicivan.com.jpg");
}

.demo-image.dvadesetosam {
    background-position: 50% 10%;
    background-image: url("images/dnevni/_NZ66619_ivanisevicivan.com.jpg");
}


.demo-image.dvadesetdevet {
    background-position: 50% 10%;
    background-image: url("images/kuhinja/_NZ66576_ivanisevicivan.com.jpg");
}


.demo-image.trideset {
    background-position: 50% 10%;
    background-image: url("images/kuhinja/_NZ66604_ivanisevicivan.com.jpg");
}


.demo-image.tridesetjedan {
    background-position: 50% 10%;
    background-image: url("images/terasa/_NZ66646_ivanisevicivan.com.jpg");
}

.demo-image.tridesetdva {
    background-position: 50% 10%;
    background-image: url("images/terasa/_NZ66652_ivanisevicivan.com.jpg");
}

.demo-image.tridesettri {
    background-position: 50% 10%;
    background-image: url("images/terasa/_NZ66776_ivanisevicivan.com.jpg");
}

.demo-image.tridesetčetiri {
    background-position: 50% 10%;
    background-image: url("images/terasa/_NZ66792_ivanisevicivan.com.jpg");
}

.demo-image.tridesetpet {
    background-position: 50% 10%;
    background-image: url("images/terasa/_NZ66992_ivanisevicivan.com.jpg");
}

.demo-image.tridesetšest {
    background-position: 50% 10%;
    background-image: url("images/dron/DJI_0403_DxO_ivanisevicivan.com.jpg");
}

.demo-image.tridesetsedam {
    background-position: 50% 10%;
    background-image: url("images/dron/DJI_0422_DxO_ivanisevicivan.com.jpg");
}

.demo-image.tridesetosam {
    background-position: 50% 10%;
    background-image: url("images/dron/DJI_0399_DxO_ivanisevicivan.com.jpg");
}




footer h1 {
    padding-left: 20px;
    background: #e9e9e9;
    color: #222222;
    font-size: 14px;
    font-family: "Playfair";
}

footer h1 a {
    color: #222222;
}


.btn-danger {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-left: 45%;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #d1945d;
    border-color: #d1945d;
    color: #faead7;
    text-decoration: none;
    text-align: center;
    font-family: "Playfair";
    font-style: italic;



}

.btn-danger:hover {
    background-color: #525e3c;
    border-color: #faead7;
}



@media screen and (max-width: 767px) {
    .btn-danger {
        margin-left: 20%;
    }

    .main h1 {
        font-size: 18px;
        width: 300px;

        margin-left: 25px
    }

    .demo-image {
        width: 300px;
        margin-left: 25px;

    }

    .btn-danger {
        float: inline-start;
        font-size: 18px;
        margin-left: 80px;

    }

    body {
        min-width: 360px;
    }
}


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


    .demo-image {

        margin-left: 20px;

    }

    .main h1 {
        font-size: 18px;
        width: 300px;
        float: left;
        margin-left: 20px
    }


}