.header{background-image:url(/img/headerContact2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40vh;display:flex}.header h1{color:var(--primary-red-medium);font-size:var(--bigger-font-size)}.header p{color:var(--primary-red-medium);font-size:var(--h3-font-size)}
.contactForm{background:var(--secondary-colour-light);color:var(--primary-colour-dark);border:1px solid var(--primary-red-medium);border-style:dashed;border-radius:5px;padding:16px}.contactMaindiv{background:var(--secondary-colour-light);padding:32px}.contactMaindiv h1{font-size:var(--big-font-size);text-align:center;color:var(--primary-red-medium)}.contactForm{flex-direction:column;justify-content:center;align-items:center;display:flex}.input-box-contact{justify-content:center;align-items:center;gap:8px;width:60%;margin:8px;padding:16px;display:flex}.input-box-contact label{color:var(--primary-colour-dark);font-size:var(--h2-font-size);width:35%}.input-box-contact input,.input-box-contact textarea{color:var(--primary-colour-dark);border:none;border-bottom:2px solid var(--primary-colour-dark);background:var(--secondary-color-bg-change);font-size:var(--h3-font-size);resize:none;outline:none;width:65%;padding:16px}.input-box-contact input::placeholder,.input-box-contact textarea::placeholder{color:#4d4d4d}.input-box-contact input:hover,.input-box-contact input:focus,.input-box-contact textarea:hover,.input-box textarea:focus{border-bottom:2px solid var(--primary-red-medium)}.submitBtn{border:1px solid var(--primary-red-dark);background:var(--primary-red-dark);font-size:var(--h3-font-size);color:var(--light-color);border-radius:5px;padding:10px 20px;font-weight:500}.submitBtn:hover{color:var(--secondary-colour-light);background:var(--primary-focus);border:1px solid var(--primary-focus);box-shadow:0px 0px 30px var(--primary-red-medium)}@media screen and (max-width:650px){.input-box-contact{width:80%}}@media screen and (max-width:500px){.input-box-contact{width:100%}.contactMaindiv{padding:16px}.contactForm{padding:8px}}@media screen and (max-width:300px){.input-box-contact label{display:none}.input-box-contact input,.input-box-contact textarea{width:100%}}
