.contact-info {
    background: #ddd;
    width: 88%;
    border-radius: 2em;
    margin: 5em auto;
    display: flex;
    flex-direction: column;
    padding: 2em 0;
    font-size: 1.6em;
}
.contact-info p, .contact-info h3 {
    padding: 0 3em;
}
.scroll-indicator {
    top: 60%;
}
.tagline img {
    display: block;
}
/*=====Destop View====== */
@media screen and (min-width:768px){
    .contact h2 {
        display: none;
    }
    .contact {
        align-items: flex-start;
    }
    .contact img {
        width: 32em;
    }
    .contact-left img{
        width: 60%;
        margin-left: -3em;
    }
    .contact form {
        background: white;
    }
    .contact-left, .contact-right {
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
    }
    .contact-info {
        margin-top: -10em;
        z-index: -1;
    }
}
@media screen and (max-width:768px) {
    .contact-right {
        display: flex;
        justify-content: center;
    }
    .tagline img {
        max-width: 80%;
    }
    html, body {
        width: 100%;
    }
    main {
        overflow: hidden;
    }
}