.social-media{
    width: 80%;
    margin: auto;
}
.contact{
    display: grid;
    grid-template-columns:auto  1fr auto ;
    grid-column-gap: 2rem;
    grid-template-rows: 1fr auto 1fr;
    grid-row-gap: 1rem;
}

.contact img{
    grid-column: 1/2;
    grid-row: 2/3;
}
.contact span  {
    grid-column: 2/3;
    grid-row: 2/3;
}
.ill1,.ill2{
    display: none;
}
@media screen and (min-width: 1023px){
  
    .social-media{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 6fr 6fr 1fr;
    }
    .head1{
        grid-column: 2/3;
    }
    .projects-contacts{
        grid-column: 2/3;
    }
    .head2{
        grid-column: 3/4;
        grid-row: 1/2;
    }
    .coordinator-contacts{
        grid-column: 3/4;
        grid-row: 2/3;
    }
    .ill1,.ill2{
        display: inline-block;
        /* position: absolute; */
    }
    
    
}