.contact{
    position: relative;
    .content{
        position: relative;
        z-index: 11; 
        .light-img{
            display: block;
        }
        .dark-img{
            display: none;
        }
        .social-links{
            margin-left: 100px;
            @include media-query(1199px) {
                margin-left: 0px;
            }
            @include media-query(992px) {
                margin-bottom: 100px;
            }
        }
        .section-heading{
            padding-left: 24px;
            @include media-query(992px) {
                padding-left: 0px;
            }
            h2{
                margin-bottom: 32px;
                font-weight: 400;
            }
            p{
                padding: 0 128px 100px;
                @include media-query(1199px) {
                    padding: 0 60px 100px;
                }
                @include media-query(992px) {
                    padding: 0 60px 50px;
                }
                @include media-query(360px) {
                    padding: 0 20px 50px;
                }
            }
        }
        form{
            margin-left: 70px;
            @include media-query(992px) {
                margin-left: 0px;
            }
            input{
                margin-bottom: 45px;
            }
            button{
                border: none;
            }
        }
    }
}
.dark{
    .contact{
        .content{
            .light-img{
                display: none;
            }
            .dark-img{
                display: block;
            }
        }
    }
}