body{ background-color: #272727; } .container.header h2{ color: white; } .container.header h1{ color: #FFF2DB; } header nav ul li a{ color: white; } .container form{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .container form label{ font-family: "Assistant", serif; font-size: 32px; color: #FFF2DB; font-weight: bold; } .container form input{ max-width: 778px; width: 100%; border-radius: 25px; height: 75px; margin-bottom: 60px; margin-top: 3px; border: none; font-size: 36px; padding-left: 20px; padding-right: 20px; } .container form textarea{ max-width: 778px; width: 100%; border-radius: 25px; height: 230px; margin-bottom: 60px; margin-top: 3px; border: none; font-size: 36px; padding: 26px; } .container form button{ font-family: "Montserrat", serif; font-size: 40px; font-weight: bold; color: #FFF2DB; background: #035B73; padding: 22px 95px; border: none; cursor: pointer; } .lateral-square{ width: 100%; max-width: 370px; } .lateral-square p{ font-family: "Archivo", serif; font-weight: lighter; font-size: 28px; color: white; line-height: 28px; } .container.form-contact{ display: flex; align-items: flex-start; justify-content: space-around; } .footer.container{ color: white; margin-top: 118px; } .footer ul li a{ color: #FFFFFF; text-decoration: none; } @media screen and (max-width: 880px) { .container.form-contact{ flex-direction: column; align-items: center; } .lateral-square p{ text-align: center; } .container form{ margin-top: 100px; padding: 0 24px; } .container form button{ margin: 0 auto; } }