@media screen and (max-width:650px){
    #minicircle{
        display: none;
    }
    #heading{
        margin-top: 7rem;
    }
    #heading h1{
        font-size: 12vw;
        font-weight: 1200;
    }
    .block h5{
        margin-top: 1em;
    }
    #herofooter #icons{
        display: none;
    }
    .eleme h1{
          margin-top: 1em;
        font-size:2.5em;
       margin-bottom: 1em;
    }
    .eleme h5{
        font-size:1em;
    }
    #second{
        height: 70vh;
    }
    #about{
        margin-top: 8vw;
        flex-direction: column;
        padding: 5vw 0vw;
        
    }
    #textabout{
        width:80vw;
    }
    #textabout a{
        margin-left: 0;
    }
    #sub h5{
        margin-top: 1em;
        font-size: 1em;
    }
    #mainfooter{
        flex-direction: column-reverse;
        gap: 1em;
    }

    #mainfooter #footer-right .footer-right-child{
        flex-direction: column;
    }






}

@media screen and (max-width:350px){

    .eleme{
        flex-direction: column;
    }
    .eleme img{
        display: none;
    }

}