@media  only screen and (min-width: 600px) and (max-width: 995px), 
        only screen and (min-height: 250px) and (max-height: 450px) {

            .relikt-one{
                height: 75vh !important;
            }

            .relikt-cover-heading{
                top: 60% !important;
            }

        }

/******************************/ 
/* RELIKT > 1 > COVER */

.relikt-one{
    background-image: url(/img/relikt/cover-agriculture-aerial-view.jpg);
    background-repeat: no-repeat;

    position: relative;
    height: 45vh;
    background-size: cover;
    background-position: 0% 40%;
}

.relikt-one:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: rgba(0,0,0,.50);
}

.relikt-cover-heading{
    position: absolute;
    text-align: center;

    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.relikt-one h1{
    color: white;
}

/******************************/ 
/* RELIKT > 2 > DESC */

.relikt-two{
    padding-top: 50px;
    padding-bottom: 50px;
}

.relikt-desc{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    width: 60vw;
    margin: auto;
}

.relikt-desc-left{
    width: 60%;
}

.relikt-desc-left h3{
    margin: 0;
}

.relikt-desc-right{
    width: 35%;
}

.relikt-desc-right img{
    width: 100%;
}

/******************************/ 
/* RELIKT > 3 > TABLE */

.relikt-three{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eeeeee;
}

.relikt-table{
    width: 35vw;
    margin: auto;
}

.relikt-table-buttons{
    text-align: center;

    display: table;
    width: 100%;
    border-collapse: collapse;
}

/* Relikt > 3 > Table > Buttons */

.relikt-table-bttn{
    display: table-cell;
    width: 50%;
    background-color: #ffffff;
    margin-bottom: 50px;


    border: 1px solid #2b2b2b;
    padding: 15px;
}

.relikt-table-bttn:focus{
    background-color: #4db849;
    color: white;
}

.relikt-table-bttn:active{
    background-color: #4db849;
    color: white;
}

.relikt-table-content{
    display: none;
}

/* Relikt > 3 > Table > Tablica > 1 */

table{
    border-collapse: collapse;
    margin: auto;
    width: 100%;
}

.table-sastav-display .table-data-one{
    width: 25vw;
}

.table-sastav-display .table-data-two{
    width: 7vw;
}

tr{
    background-color: #e6e6e6 ;
}

tr:nth-child(even) {
    background-color: #ffffff;
  }


th{
    border: 1px solid #2b2b2b;
    padding: 15px 20px 15px 20px;
    background-color: #4db849 ;
    color: white;
}

.table-header-one{
    text-align: left;
}

td{
    border: 1px solid #2b2b2b;
    padding: 5px 20px 5px 20px;
}

.table-data-one{
    text-align: left;
}

.table-data-two{
    padding: 5px 20px 5px 20px;
    text-align: center;
}


/* Relikt > 3 > Table > Analize */

.relikt-table-analize{
    padding-top: 30px;
}

.relikt-table-analize p{
    border: 1px solid #2b2b2b;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.relikt-table-analize a{
    color: #4db849;
    width: 100%;
    margin: 0;
    font-size: 0.9em;
}



/* Relikt > 3 > Table > Tablica > 2 */

.table-potrosnja-display .table-data-one{
    width: 25vw;
}

.table-potrosnja-display .table-data-two{
    width: 10vw;
}

table.table-hide tr td:first-child {
    display: none;
  }
  
  table.table-hide tr td:last-child {
    width: 35vw;
    border-top: 0px;
    text-align: center;
  }

/******************************/ 
/* RELIKT > 4 > MANUFACT */

.relikt-four{
    padding-top: 50px;
    padding-bottom: 50px;
}

.relikt-manufact{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    width: 60vw;
    margin: auto;
}

.relikt-manufact-right h4{
    margin: 0;
}

.relikt-manufact-right{
    width: 60%;
}

.relikt-manufact-left{
    width: 35%;
}

.relikt-manufact-left img{
    width: 100%;
}

/******************************/ 
/* RELIKT > 5 > PACKAGING */

.relikt-five{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eeeeee;
}

.relikt-packaging{
    width: 35vw;
    margin: auto;
}
/* Relikt > 5 > Packaging > Buttons */

.relikt-packaging-buttons{
    text-align: center;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.relikt-packaging-bttn{
    display: table-cell;
    width: 50%;
    background-color: #ffffff;
    margin-bottom: 50px;


    border: 1px solid #2b2b2b;
    padding: 15px;
}

.relikt-packaging-bttn:focus{
    background-color: #4db849;
    color: white;
}

.relikt-packaging-bttn:active{
    background-color: #4db849;
    color: white;
}

.relikt-packaging-content{
    display: none;
}

/* Relikt > 5 > Packaging > Content */

.relikt-packaging-content{
    display: flex;
    justify-content: space-around;
    margin:auto;
    text-align: center;
}

.relikt-packaging-content img{
    width: 18%;
}

/* Relikt > 5 > Packaging > Ecopest */

.contact-about{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contact-about-ecopest{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.contact-ecopest-field{
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
}


.contact-ecopest-field img{
    width: 15px;
    height: 15px;

    margin-right: 8px;
}

.relikt-packaging .contact-ecopest-field a{
    color: black !important;
    font-size: 0.85em;
}

.contact-about h4{
    color: #a8a853;
}

.contact-about p{
    text-align: center;
}


/******************************/ 
/* RELIKT > 6 > IMPACT */

.relikt-six{
    padding-top: 50px;
    padding-bottom: 50px;
    }


.relikt-impact{
    max-width: 60vw;
        margin: auto;
    
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
}
    
.relikt-impact-right{
        width: 35%;
    }
    
.relikt-impact-right img{
    max-width: 100%;
}
    
.relikt-impact-left{
    width: 60%;
}
    
.relikt-impact-left h4{
    margin: 0;
}
    
.relikt-impact-left-two{
    margin-top: 20px;
}
    


/******************************/ 
/* RELIKT > 7 > INGREDIENTS */

.relikt-seven{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eeeeee;
}

.relikt-ingredients{
    width: 35vw;
    margin: auto;
}
/* Relikt > 7 > Ingredients > Buttons */

.relikt-ingredients-buttons{
    text-align: center;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.relikt-ingredients-bttn{
    display: table-cell;
    width: 50%;
    background-color: #ffffff;
    margin-bottom: 50px;


    border: 1px solid #2b2b2b;
    padding: 15px;
}

.relikt-ingredients-bttn:focus{
    background-color: #4db849;
    color: white;
}

.active{
    background-color: #4db849;
    color: white;
}

.relikt-ingredients-content{
    display: none;
}

/* Relikt > 7 > Ingrerdients > Buttons */

.relikt-ingredients-content{
    display: block;
    justify-content: space-between;
    margin:auto;
    text-align: center;

}

.relikt-ingredients-content img{
    width: 13vw;
    height: auto;
    margin: auto;
    padding-bottom: 15px;

}

/******************************/  
/* MAIN > 8 > ORGANIC */

.relikt-eight{
    padding-top: 50px;
    padding-bottom: 50px;
}

.relikt-organic{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    width: 60vw;
    margin: auto;
}

.relikt-organic-left{
    width: 35%;
    text-align: center;
}

.relikt-organic-left img{
    width: 100%;
}

.relikt-organic-right{
    width: 60%;
}

.relikt-organic-right h4{
    margin: 0;
}

.relikt-organic-right-one{
    margin-bottom: 15px;
}

/******************************/  
/* MAIN > 9 > DOCUMENTS */

.relikt-nine{
    padding-top: 35px;
    padding-bottom: 50px;

}

.relikt-documents{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    width: 60vw;
    margin: auto;
}

.document{
    width: 18%;

}

.document img:hover{
    cursor: pointer;

    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);

     -webkit-transition: transform .5s ease-in-out;
     -moz-transition:transform .5s ease-in-out;
     -ms-transition:transform .5s ease-in-out;
     -o-transform:transform .5s ease-in-out;
     transition: transform .5s ease-in-out;
}

.document img{
    width: 100%;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    border: 1px solid #cccccc;
    margin-bottom: 20px;


}

.document h6{
    margin: auto;
    width: 100%;
    height: 25px;
}






/******************************/ 
/* RELIKT > 10 > company */

.relikt-ten{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eeeeee;
}

.relikt-company{
    width: 35vw;
    margin: auto;
}
/* Relikt > 10 > company > Buttons */

.relikt-company-buttons{
    text-align: center;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.relikt-company-bttn{
    display: table-cell;
    width: 50%;
    background-color: #ffffff;
    margin-bottom: 50px;


    border: 1px solid #2b2b2b;
    padding: 15px;
}

.relikt-company-bttn:focus{
    background-color: #4db849;
    color: white;
}

.active{
    background-color: #4db849;
    color: white;
}

.relikt-company-content{
    display: none;
}

/* Relikt > 10 > Ingrerdients > Buttons */

.relikt-company-content{
    display: block;
    justify-content: space-between;
    margin:auto;
    text-align: center;

}

.relikt-company-content img{
    width: 16vw;
    margin: auto;
    padding-bottom: 15px;

}













