.mHight{
    height: 30px;
    width: 30px;
}
.titleSize{
    font-size: 40px;
    color: black;
}
.titleImgSize{
    height: 200px;
    width: 200px;
}
.slide-text {
    animation: slide-left 1s;
}
@keyframes slide-left {
from {
    margin-left: 100%;
    width: 100%; 
}
  
to {
    margin-left: 0%;
    width: 100%;
}
}
.mTop{
    margin-top: -250px;
}
.cardSize{
    width: 600px; 
    height: 450px;
}
.mTop2{
    margin-top: 100px;
}
.mTopNL{
    margin-top: -250px;
}
.djpablo{
    height: 200px;
}
.ekolog{
    height: 200px;
}
.mTopLa{
    margin-top: 1rem;
}
.ekologOut{
    text-align: left;
}
.mBottom{
    margin-bottom: 100px;
}
.alignEnd{
    text-align: end;
}
.gmap{
    width: 650px;
    height: 600px;
    border: 2px solid black;
    border-radius: 10px;
}
.col-sm-edited{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #292b2c;
    border-radius: 10px;
    color: white;
}
.services-icon{
    font-size: 5rem;
    text-align: center;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    padding-top: 0.5rem;
    margin: 0px auto 0.75rem auto;
    color: #292b2c;
}
.col-sm-edited:hover{
    border-color: #292b2c;
    background-color: #292b2c;
    transition: all 2s;
} 
.col-sm-edited:hover h4{
    color: #F0F0F0;
} 
.col-sm-edited:hover p{
    color: #F0F0F0;
} 
.certyficatIMG{
    width: 60%;
    height: 1000px;
    margin-top: 90px;
    margin-bottom: 90px;
}
.img-container{
    text-align: center;
    display: block;
}
.col-sm-edited h4{
    color: #292b2c;
} 
.col-sm-edited p{
    color: #292b2c;
} 
.col-sm-edited:hover div{
    color: #F0F0F0;
} 
.mTit{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.mTitL{
    font-size: 40px;
    font-weight: bold;
    color: red;
}
.bolder{
    font-weight: bold;
}
.mTitS{
    font-weight: bold;
}
.imgBorder{
    border: 3px solid black;
    border-radius: 420px;
}
.white{
    color: white;
}
.end{
    text-align: center;
}
.start{
    text-align: center;
}
.greyB{
    border: 5px solid #292b2c;
    border-radius: 10px;
    background-color: #292b2c;
    margin-top: 100px;
}
.mSTop{
    margin-top: 80px;
}
.mSBottom{
    margin-bottom: 80px;
}
.imgSize{
    height: 200px;
    width: 200px;
}
.secTitle{
    font-size: 40px;
    text-align: start;
    font-weight: bold;
    line-height: 40px;
}
.secBody{
    text-align: start;
    font-size: 20px;
}
.backImg{
    width:100%; 
    height: 400px;
    filter: brightness(50%);
    position:relative;
}
.alLeft{
    text-align: start;
}
.leftPMin{
    margin-left: -250px;
}
.border{
    border: 5px solid red;
    border-radius: 10px;
}
.dc {
    color: white;
    position: absolute;
    top: 50%;
    left:  50%;
    -webkit-transform: translate(-50%, -50%); /* iOS */
    transform: translate(-50%, -50%);
} 

@media (max-width: 575.98px) {
    .secTitle{
        margin-top: 80px;
        text-align: left;
    }
    .secBody{
        text-align: left;
    }
    .mTit{
        text-align: left;
    }
    .djpablo{
        text-align: left;
    }
    .ekolog{
        text-align: left;
    }
    .ekologIn{
        text-align: left;
        font-size: 20px;
    }
    .titleImgSize{
        height: 80px;
        width: 80px;
    }
  }

@media (max-width: 768px) {
    .cardSize{
        width: 300px; 
        height: 300px;
    }
    .gmap{
        width: 100%;
        height: 400px;
        border: 2px solid black;
        border-radius: 10px;
    }
    .certyficatIMG{
        width: 60%;
        height: 320px;
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .mTop{
        margin-top: -350px;
    }
    .bottombr{
        margin-bottom: 10px;
    }
    .backImg{
        height: 200px;
    }
    .mTop{
        margin-top: -425px;
    }
    .titleImgSize{
        height: 80px;
        width: 80px;
    }
    .imgSize{
        height: 100px;
        width: 100px;
    }
}
@media (max-width: 960px) {
    .mtit{
        visibility: hidden;
    }
    .ntxt{
        visibility: hidden;
    }
    .backImg{
        height: 200px;
    }
    .mTit{
        font-size: 30px;
        font-weight: bold;
    }
    .secTitle{
        font-size: 30px;
    }
    .djpablo{
        height: 150px;
    }
  }