*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.main{
    height: 60vh;
    background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,.8)),url('../assets/1.jpg');
 }  
 .main-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8772EE;
    height: 50vh;
 }
.contact{
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.contact-icons{
    text-align: center;
}
.contact div{
    width: 40%;
}

 @media(max-width:700px){
.contact div{
    width: 80%;
}
.contact{
    flex-direction: column;
}

 }