.get-in-touch{
    margin-right: 20px;
    padding-right: 30px;
}

.get-in-touch-title h4{
    text-decoration: underline;
    font-size: 25px;
    text-align: center;
    color: darkblue;
}

.get-in-touch h5{
    color: firebrick;
    text-transform: capitalize;
    font-size: 15px;
}

form h3{
    color: darkgrey;
    font-size: 23px;
    margin-bottom: 13px;
    margin-top: 13px;
    text-align: center;
}

form input{
    padding: 2px;
    margin-left: 10px;   
}

.submit{
    margin-top: 20px;
    padding: 10px;
    align-content: center;
    margin-left: 100px;
    margin-bottom: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(26, 49, 95, 1)), color-stop(10%, rgba(26, 49, 95, 1)), color-stop(24%, rgba(29, 108, 141, 1)), color-stop(37%, rgba(41, 136, 151, 1)), color-stop(77%, rgba(39, 45, 100, 1)), color-stop(90%, rgba(26, 49, 95, 1)), color-stop(100%, rgba(26, 49, 95, 1)));
    color: aliceblue;
    border-radius: 20px;
}
form button:hover{
    cursor: pointer;
}

.adds-page{
    margin-top: 13px;
    margin-bottom: 13px;
}
.image{
    height: 50%;
    width: 100%;
    
}
.adds-page h2{
    padding-top: 30px;
    color: darkgrey;
    font-size: 23px;
    text-align: center;
   font-weight: bold;
}

.content{
    font-family: sans-serif;
    font-size: 17px;
    margin-top: 15px;
    color: dimgrey;
}


/* medial queries */
@media all and (min-width : 968px) {
    .getInTouch-main-body{
        display: flex;
        justify-content: space-between;
    }
    ..image{
        border-radius: 40px;
        margin: 10px;
        width: 50%;
        
    }
    
}