footer
{
    padding: 20px 0; 
    /* text-align: center;  */
    background-color: #F16C81; 
    color: #fff;
}
#contact-form{font-size: 16px; text-align: center;}
#contact-form label {font-weight: 400;cursor: pointer;}
#contact-form textarea, #contact-form input {border: none;outline: none;border-radius: 0;text-align: center;background: none;font-size: inherit;color: #000; width: 100%;padding: .5rem;border: 2px dashed rgba(0, 0, 0, 0);box-sizing: border-box;cursor: text;}
#contact-form  textarea {text-align: left; resize: none; width: 100%;border-color: rgba(255, 255, 255, 0);}
#contact-form textarea:focus {background-color: rgba(0, 0, 0, 0.04);border: 2px dashed rgba(0, 0, 0, 1);}
#contact-form textarea:focus:required:valid {border: 2px solid rgba(0, 0, 0, 0);border-bottom: 2px solid rgba(0, 0, 0, 0.2);}
#contact-form textarea:required:valid {border-bottom: 2px solid rgba(0, 0, 0, 0.2);}
#contact-form input {border-bottom: 2px dashed rgba(0, 0, 0, 0.5);}
#contact-form input:required, #contact-form textarea:required {border-bottom: 2px dashed rgba(0, 0, 0, 0.5);}
#contact-form  input:focus {border-bottom: 2px dashed rgba(0, 0, 0, 1);background-color: rgba(0, 0, 0, 0.04);}
#contact-form  input:required:valid {border-bottom: 2px solid rgba(0, 0, 0, 0.2);}
#contact-form input:required:invalid {color: rgba(0, 0, 0, 0.5);}
#contact-form button {background: none;border: none;outline: none;}
#contact-form button small {display: block;opacity: 0;}
#contact-form button:hover small {opacity: 1;}
#contact-form p{
    display: flex; 
    align-items: center; 
    width: 100%; 
    white-space: nowrap; 
    font-family: "Sacramento", sans-serif; 
    /* font-family: var(--Sacramento);  */
    /* font-size: 20px;  */
    font-size: 28px; 
    color: #F16C81;
}
.banner-footer{position: absolute; bottom: 10%; z-index: 2; padding: 0 5%; width: 100%;}
.banner-footer div *{margin-bottom: 0;}
.banner-footer .content-container{display: flex; justify-content: space-between; align-items: center;}
.contact-list li{padding-bottom: 2rem; margin-bottom: 2rem;}
    #contact-form p{flex-direction: column; white-space: normal; line-height: normal;}
    #contact-form p.team-head {flex-direction: row;justify-content: center;}
    #contact-form textarea, #contact-form input{margin-bottom: 10px;}
    .banner-footer{bottom: 5%;}
    .banner-footer .content-container{flex-direction: column;}
    .contact-list li:last-child{padding-bottom:0; margin-bottom: 0;}
