@media (max-width:769px) {

   .home_page{
    align-items: center;
    justify-content: space-around;
    color: white;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    margin-right: 0px;
    width: 100%;
    background-color: hsla(0, 0%, 0%, 0.24);
    padding: 0;
   } 

   header{
    display: none;
   }

   #home{
    height: auto;
   }

   .service_desc{
    flex-direction: column;
    align-items: center;
   }

   .card{
    width: 70%;
   }

   .banner p {
    font-size: 11px;
   }

   .container_about_me{
    flex-direction: column;
    align-items: center;
    width: 90%;
    height: 500px;
   }

   .about_me h2{
    text-align: center;
   }

   .story{
    width: 80%;
   }

   aside{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
   }

.desc_company_services{
    left: 0;
    bottom: -140px;
}

.price_justify, .maintenance{
    opacity: 1;
    
}

.maintenance{
    width: 90%;
}

.logo_xl{
    position: relative;
    left: 0px;
    bottom: 0px;
}

.banner{
    flex-direction: column;
}

.animate {
    height: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_contact{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }




strong{
    text-align: center;
}

.animated-heading{
    align-items: center;
}

footer{
    padding: 20px;
}

}