@media (max-width:430px) {
    .home_page{
        font-size: 11px;
        padding: 10px;
        box-sizing: border-box;
        height: 100vh;
    }

    .home{
        height: 100vh;
    }

    h1{
        font-size: 30px;
    }

    .freelance_title{
        font-size: 28px ;
    }

    .location{
        margin-top: 150px;
    }

    .goal{
        font-size: 28px;
        width: 90%;
    }

    .social_medias {
        width: 90%;
    }
    
    .lighter_font {
        font-weight: bolder;
    }

    .services{
        padding: 10px;
    }

    .card img{
        left:120px;
        top:-60px;
        width: 100px;
    }

    .card1 img{
        width: 120px;
        left: 100px;
    }

    .card{
        width: 90%;
        margin-bottom: 50px;
    }

    .card3{
        margin-bottom: 0px;
    }

    .desc_card{
        margin-left: 0px;
    }

    .logo_about_me{
        width: 100%;
    }

   aside{
    width: 90%;
   }

   .desc_company_services{
    width: 100%;
    bottom: -155px;
   }

   .tarifs h2, .tarifs .packs > div {
    opacity: 1;
    transform: translateY(20px);
    transition: opacity 1s, transform 1s;
    }

   .packs{
    flex-direction: column;
   }

   .starter_pack, .main_pack{
    margin-bottom: 25px;
   }

   .contact{
    padding: 10px;
   }

   .card_mail{
    width: 90%;
   }

   .contact_ul{
    flex-direction: column;
    width: 90%;
    align-items: center;
    margin: 10px;
    padding: 0;
   }

   .contact_li{
    margin: 5px;
   }

   footer{
    padding-bottom: 10px;
   }

   .banner{
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100px;
   }

   .animate{
    padding: 0px;
   }

   .background_inter{
    top: -20%;
    height: 70%;
   }

   .price_justify, .maintenance{
    opacity: 1;
    width: 80%;
    }

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