
.contact_body{
    position: relative;
    display: flex; 
    flex-wrap: wrap;
    height: 75%;
    width: 100vw;
    margin-top:5% ;
    /* background: linear-gradient(rgb(30, 58, 77),rgb(87, 92, 94),rgb(37, 37, 37)); */
}

.contact_info{
    color: rgb(15, 15, 15) rgb(248, 246, 250);
    display: flex;
    top: 25%;
    margin: 5% auto;
    text-align: center;
    font-weight: normal;
    font-size: 1.5rem;
    z-index: 1;
    min-width:300px;
    max-width: 50%;
    justify-content: center;
}

#aside_left{
   
   display: flex;
    max-width: 90%;
    min-width: 300px;
    justify-content: left;
    padding: 0%;
}

aside>img{
    margin-left: 15%;
    margin-top: 5%;
    max-width: 100%;
}

@media only screen and (max-width: 400px) {
    aside>img{
        margin-left: 15%;
        margin-top: 15%;
        max-width: 75%;
    }
    .contact_body{
        justify-content: center;
    }
    
  }

@media only screen and ( max-width: 800px) {
    aside>img{
        display: block;
        margin: 0 auto;
        
        max-width: 85%;
    }
    #aside_left{
   
       
         max-width: 90%;
         min-width: 300px;
         justify-content: center;
         align-content: center;
         margin: 5% auto;
     }
     
     .contact_body{
        justify-content: center;
    }
    
  }