.contact{
    display: flex;
    width: 85%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    h1, h3{
        padding-top: 10px;
        padding-left: 50px;
        width: 70%;
    }
    h1{
        padding-top: 50px;
    }
    h3{
        margin-bottom: 50px;
    }
    a{
        color: white;
        background-color: rgb(51, 89, 131);
        padding: 10px 10px 10px 10px;
        margin-left: 50px;
        border-radius: 5px;
    }
}

.contact-right{
    display: block;
    margin: auto;
    img{
        width: 350px;
        height: 400px;
        object-fit: cover;
        border-radius: 10px;
    }
}
.connect{
    display: flex;
    margin: auto;
    flex-direction: row;
    width: 90%;
    background-color: rgb(230, 230, 230);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
    padding-left: 50px;
    
}
.connect-left{
    flex-basis: 45%;
    display: block;
    margin: auto;
}

.connect-right .option{
    flex-basis: 55%;
    background-color: rgb(209, 209, 209);
    display: block;
    margin: auto;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    p{
        padding-left: 10px;
        color: rgb(98, 99, 99);
    }
}

@media screen and (max-width: 1000px){
    .connect{
        flex-direction: column;
        
    }
    .contact{
        flex-direction: column;
        img{
            margin-top: 50px;
        }
        h1, h3{
            padding-top: 10px;
            padding-left: 30px;
            width: 100%;
        }
        a{
            margin-top: 10px;
            margin-bottom: 30px;
        }
        #special{
            margin: 0;
            padding:0;
            
        }
    }
   
}