body{
    font-family: Lato,sans-serif!important;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

   .clid {
    background: #ceddff;
    height: 500px;
   }

   .text_soler
   {
    margin: 105px -100px 40px;
    text-align: center;
    color: #002f34;
    font-size: 30px;
    font-weight: bold;
    text-shadow: #a2adc7 0.1em 0.2em 0.1em;
   }

   .dle
   {
    height: 140px;
    box-shadow: 0 0 10px #dcdcdc;
    margin: 50px 20px;
    border-radius: 10px;
    width: 800px;
    padding: 35px;
    background: #fff;
   }

   .dlc
   {
    color: #002f34;
    font-weight: bold;
    margin: 20px 160px;
    font-size: 25px;
   }

   .dlr
   {
    color: #324a5e;
    font-weight: bold;
    margin: 20px 20px 20px 160px;
    font-size: 14px;
   }

   .onecontentder
   {
    float: left;
    border-radius: 50%;
    border: 3px solid #002f34;
    padding: 48px 35px;
    color: #152f34;
    font-size: 30px;
    font-weight: bold;
    background: #cadbe257;
    transform: rotate(346deg);
   }








@media screen and (min-width: 320px) {
.anim6,.anim5,.anim4{display: none;}
}



@media screen and (min-width: 480px){
.anim6,.anim5,.anim4{display: none;}
}


@media screen and (min-width: 540px) {
.anim6,.anim5,.anim4{display: none;}
}


@media screen and (min-width: 768px) {
.anim6,.anim5,.anim4{display: block;}
}



@media screen and (min-width: 992px){


}


@media screen and (min-width: 1200px) {

}