section{
    padding-top: 10vh;
    height: 81.9vh;
    display: flex;
    justify-content: space-between;
}
section::-webkit-scrollbar{
    background: #eaf0ff;
    width: .7vh;
}
section::-webkit-scrollbar-thumb{
    background: #4965ab;
    float: left;
    border-radius: 10vh;
}


.Info{
    width: 44%;
    height: 81.9vh;
    padding: 0 2%;
    display: inline-block;
    text-align: center
}
.Info h2{
    padding-top: 10vh;
}
.Info h3{
    padding-top: 7vh;
}
.Info h4{
    padding-top: 3vh;
}
.Info p{
    padding-top: 22vh;
    padding-bottom: 2vh;
}
.Info b{
    display: block;
    padding-bottom: 5vh;
}
.Info a{
    text-decoration: none;
    color: black;
}

.Form{
    width: 44%;
    height: 81.9vh;
    margin: 0 2%;
    display: inline-block;
    text-align: center;
}
form h2{
    padding-top: 10vh;
}
.FromB{
    margin: 2.5vh 0;
    padding: 1vh 2vw;
    border-radius: 2vh;
    border: solid black .1vh;
}
textarea{
    resize: none;
    height: 20vh;
    width: 80%;
}
.FormBtton:hover{
    color: white;
    background-color: rgb(41, 41, 41);
    transition: .2s;
}


@media (max-width: 768px){
    section{
        width: 100%;
        display: contents;
    }
    .Info{
        padding: 0;
        height: 50vh;
        width: 100%;
        padding-bottom: 4vh;
    }
    .Info h2{
        padding-top: 5vh;
    }
    .Info h3{
        padding-top: 8vh;
    }
    .Info p{
        padding-top: 8vh;
    }

    .Form{
        width: 100%;
        margin: 0;
        height: 50vh;
    }
    form h2{
        padding-top: 0vh;
    }
    textarea{
        resize: none;
        height: 20vh;
        width: 80%;
    }
    .ContText{
        width: 100%;
    }
}