@media (min-width:320px)  {

    /* smartphones, iPhone, portrait 480x320 phones */


a{
    color: black;
}

.imgSpax{
    background-image:url(../img/spax.jpg);
    background-position: center;
    background-size: 50%;
    background-color: white;
    background-repeat: no-repeat;
    height: 20vh;

    
}


.imgblanco{
    background-image:url(../img/blanco.png);
    background-position: center;
    background-size: 50%;
    background-color: white;
    background-repeat: no-repeat;
    height: 20vh;

    
}


.imgfisher{
    background-image:url(../img/fisher.jpg);
    background-position: center;
    background-size: 50%;
    background-color: white;
    background-repeat: no-repeat;
    height: 20vh;

    
}

.imgInoxa{
    background-image:url(../img/inoxa.png);
    background-position: center;
    background-size: 50%;
    background-color: white;
    background-repeat: no-repeat;
    height: 20vh;

    
}


.section1Plakari{
    background-image: url(../img/plakari-po-meri-moderni.webp);
    background-position: center;
    color: black;
    background-size: cover;
    
}

.mainParagraf{
    margin-bottom: 20px;

    
}

.galerija{
    text-align: center;
    margin-bottom: 100px;
}

}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */


    .imgSpax{
        background-image:url(../img/spax.jpg);
        background-position: center;
        background-size: 50%;
        background-color: white;
        background-repeat: no-repeat;
        height: 30vh;
        width: 30%;
        float: left;
        margin-right: 30px;
    
        
    }
    
    
    .imgblanco{
        background-image:url(../img/blanco.png);
        background-position: center;
        background-size: 50%;
        background-color: white;
        background-repeat: no-repeat;
        height: 30vh;
        width: 30%;
        float: left;
        margin-right: 30px;
        
    }
    
    
    .imgfisher{
        background-image:url(../img/fisher.jpg);
        background-position: center;
        background-size: 50%;
        background-color: white;
        background-repeat: no-repeat;
        height: 30vh;
        width: 30%;
        float: left;
        margin-right: 30px;
        
    }
    
    .imgInoxa{
        background-image:url(../img/inoxa.png);
        background-position: center;
        background-size: 50%;
        background-color: white;
        background-repeat: no-repeat;
        height: 30vh;
        width: 30%;
        float: left;
        margin-right: 30px;
        
    }
    
    
    .section1{
        background-image: url(../img/plakari-po-meri-moderni.webp);
        background-position: center;
        color: black;
        background-size: cover;
        
    }
    
    
    .mainParagraf{
        margin-bottom: 20px;
        font-size: 22px;
        
    }

}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
/* Visual upgrade for screws/dowels/wire-elements section */
.okovi > section {
  padding: 0 0 1.1rem;
}

.okovi > section > article.container {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid #e8edf5;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  padding: 1.1rem 1rem;
}

.okovi .mainParagraf {
  font-size: clamp(1rem, 1.2vw, 1.08rem);
  line-height: 1.75;
  color: #273244;
}

.okovi ol {
  margin: 0.6rem 0 0.8rem;
  padding-left: 1.15rem;
}

.okovi ol li {
  margin-bottom: 0.45rem;
}

.okovi ol li p {
  margin: 0;
  color: #2f3a4c;
  line-height: 1.68;
}

.okovi .imgSpax,
.okovi .imgfisher,
.okovi .imgInoxa {
  border: 1px solid #e6ebf3;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}