.container-contact{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 42px;
    display: flex;
    flex-direction: row;
}

.alert-success-contact{
    background-color: rgb(101, 206, 123);
    padding: 11px;
    color: #fff;
    font-size: 19px;
    border-radius: 11px;
}
.alert-error-contact{
    background-color: rgb(206, 101, 101);
    padding: 11px;
    color: #fff;
    font-size: 19px;
}

.contact-form{
    width: 70%;
}

.contact-form-title{
    font-size: 32px;
    margin-bottom: 42px;
    color: rgb(92, 90, 90);
    text-align: center;
}

.contact-field{
    width: 100%;
    margin: 8px;
}

.contact-field > div > label{
    padding: 11px;
    font-size: 20px;
}

/* Error message form */
.contact-field > div > ul{
    margin: 0;
    padding: 0;
}
.contact-field > div > ul > li{
    list-style-type: none; 
}

.contact-input{
    box-sizing: border-box;
    margin-bottom: 1.5em;
    width: 100%;
    padding: 15px;
    border-radius: 42px;
    box-sizing: border-box;
    border-color: #e0e0e0;
    border: none;
    margin-top: 0.5em;
}

.contact-input:focus{
    outline: none;
    border-color: rgb(189, 189, 189);
}

.contact-input:hover{
    cursor: pointer;
    border-color: rgb(189, 189, 189);
}

.contact-textarea{
    width: 100%;
    border-color: rgb(233, 233, 233);
    border-radius: 5px;
    font-size: 15px;
    resize: vertical;
    padding: 11px;
}

.contact-textarea:focus{
    outline: none;
}

.contact-submit {
    background: #128F8B;
    background-image: -webkit-linear-gradient(top, #128F8B, #0c4229);
    background-image: -moz-linear-gradient(top, #128F8B, #0c4229);
    background-image: -ms-linear-gradient(top, #128F8B, #0c4229);
    background-image: -o-linear-gradient(top, #128F8B, #0c4229);
    background-image: linear-gradient(to bottom, #128F8B, #0c4229);
    -webkit-border-radius: 15;
    -moz-border-radius: 15;
    border-radius: 15px;
    font-family: Raleway;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    border-color: #128F8B;
}

.contact-submit:hover{
    cursor: pointer;
    background-color: #975AB6;
}

.contact-social{
    text-align: center;
    width: 30%;
    margin-left: 55px;
    font-size: 33px;
    color: #4F1964;
}

.contact-social-title{
    color: rgb(92, 90, 90);
    font-size: 26px;
    margin-bottom: 22px;
}

.contact-social>i{
    cursor: pointer;
}

.contact-social>a{
    color: #4F1964;
}

.contact-social>a:active{
    color: #975AB6;
}

.contact-field>div>ul{
    color:red;
}