body {
    /*background:url('https://drvodekorenterijer.rs/wp-content/uploads/2021/04/bg-1.jpg');*/
    overflow-x:hidden !important;
    font-family:"Open Sans", Arial, sans-serif;
}
* {
    font-family: "Open Sans", Arial, sans-serif;
}
a {
    color:#ff0000;
}
a:hover {
    color:#ff0000;

}
p a:hover {
    text-decoration:underline !important;
}

	.topbar {
	    padding-left:8%;
	}
	.topbar img {
	    width:10%;
	}

/* header */
header {
    /*background-color:#2F4858;*/
    background-image:url('../img/bg.jpeg');
    color:white;
}
header .wrapper {
    background: rgba(0,0,0, 0.4);
    width:100%;
    padding-right: 8%;
        padding-left: 8%;
}
header .header-caption {
    padding-bottom:10%;
    padding-top:10%;
}
header .header-caption p {
    font-size:24px;
}
.header-caption h1 {
    text-transform:uppercase;
    font-size:48px
}
hr {
    background-color:#fff;
}
.btn-primary {
    background-color:red;
    border-color:red;
    font-size:150%;
    border: 2px solid;
    border-radius: 3px;
    padding: 0.3em 1em;
}
.btn-primary:hover {
    background-color:transparent;
    border-color:#fff;
    color:#fff;
    
}
.btn-secondary {
    background-color: transparent;
    border-color: red;
    font-size: 20px;
    border:2px solid;
    border-radius:3px;
    line-height:1.7em;
    font-weight:500;
    color:red;
    padding:0.3em 1em;
    width:300px;
}

.btn-secondary:hover {
    background-color: red;
    border-color: red;
    color: #fff;

}
a:hover {
    text-decoration:none;
}
/* header */

section {
    padding-bottom:2%;
    padding-top:2%;
}
.services-card {
    padding-right:3%;
    padding-left:3%;
}
.zasto {
    background-color:white;
    margin-top:-5%;
    padding:2%;
}
.zasto h4 {
    font-size:28px;
    padding-bottom:2%;
}
.jumbotron {
    background-color:#ff0000;
    text-align:center;
    color:white;
    margin:0%;
    text-transform:uppercase;
   
}
.jumbotron h4 {
font-size: 32px;
}
.card-heading {
    font-size:18px;
    font-weight:500;
    color:#333;
    line-height:18px;
    text-align:center;
    margin-bottom:10%;
    margin-top:6%;
}
.card-text {
    font-size:14px;
    line-height:24px;
    font-weight:500;
    color:#000;
    margin-top:10%;
}
.proces {
    padding:2%;
    padding-top:0% !important;
    padding-bottom:0.5% !important;
    background-color:white;
}
.proces span {
    color:#AB7442;
    font-weight:700;
}
.proces img {
    width:100%;
}

 li::after {
content: '';
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='brown' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
left: 0;
top: 2px;
width: 12px;
height: 12px;
}
.reference {
    padding-top:4%;
    padding-bottom:4%;
}
.reference h4 {
    font-size:28px;
    line-height:28px;
    color:#333;
    font-weight:500;
    margin-bottom:3%;
}
footer {
    background-color:#222;
    margin:0%;
    padding:5px;
    text-align:center;
    color:white;
}
footer a {
    color:#fff;
}
footer a:hover {
    color:#AB7442 !important;
}

@media (max-width: 1600px) {
    .services-card .card {
        width:10rem;
    }
    .services-card i {
        font-size:600%;
        
    }
}
@media (max-width: 1250px) {
    .btn-primary {
        font-size:100%;
    }
    .header-caption h1 {
        font-size:150%;
    }
    .header-caption p {
        font-size:90%;
    }
    body {
        font-size:90%;
    }
}
@media (max-width:1140px) {
    .services-card .card {
        width:17rem;
        margin-bottom:3%;
    }
    	.btn-primary {
	    margin-bottom:10px;
	}
}

@media screen and (max-width: 720px) {
    .topbar img {
	    width:35%;
	}
    .proces img {
        width:60%;
    }
    .proces .col-md-4 {
        text-align:center;
        margin-bottom:20px;
    }
}