*{
    /*font-size:20px;*/
}
body {
    /*padding: 0 0 100px 0;*/
    /*margin: 0 auto 50px auto;*/
    background-color:none;
}


form {
    border: 2px solid #369aea;
    border-radius: 25px;
    width: 500px;
    height:300px;
    text-align:left;
    padding:20px 30px 340px 80px; 
    /*background-color: #17866B;*/
    margin:20px auto 20px auto;
    /*color:white;*/
    font-weight: bold;
    font-size: 18px;
}
@media(max-width:767px){
    form {
        width: auto;
        padding: 10px;
        height: auto;
    }
}

.form  textarea {
    float: initial;
}

/*.conct{
    padding:10px 0;
}*/

textarea{
    border-radius:10px;
    resize:none;
}
.conct input{
    border-radius:10px;
    font-weight:100;
 }

.submit{
    background-color:darkgray;
    cursor:pointer;
    border:solid #17886B;
    -webkit-border-radius: 15px;
    width:100px;
    margin-left:180px;
    height:5px;
    font-weight:600;
    align-content:center;
    margin-top:0px;
    margin-bottom:50px;
    padding-bottom:30px;
}

/*.middle{
    float:left;
}*/

.right-bar {
    width: 350px;
    height: 360px;
    margin:20px 380px 30px 30px;
    overflow: scroll;
    border: 1px solid;
    float:right;
}

.right-bar-1 {
    width: 350px;
    height: 360px;
    margin: 20px 20px auto 30px;
    overflow: scroll;
    border: 1px solid;
    float: right;
}

.bottom {
    text-align: center;
    /*margin-top:250px;*/
    background-color: #17886B;
    margin-bottom: 10px;
    word-spacing: 30px
}
.bottom a:hover {
    color:lightsalmon;
}

.bottom a{
    color:white;
}