.footer{position:relative;background-color:var(--accent-colour);color:var(--background-colour);height:320px;width:100%;padding:0 var(--page-padding)}.footer-about{position:absolute;top:calc(var(--page-padding) + 1rem);left:var(--page-padding);font-family:var(--body-font);font-size:.9rem;width:450px;height:auto;text-align:justify;font-weight:100}.footer-instagram{position:absolute;top:calc(var(--page-padding) + 1rem);right:var(--page-padding);font-family:var(--body-font);font-size:.9rem;text-decoration:underline}.footer-credits{position:absolute;bottom:var(--page-padding);right:var(--page-padding);font-family:var(--body-font);font-size:.8rem;text-decoration:underline}.footer-newsletter{position:absolute;bottom:var(--page-padding);left:var(--page-padding)}.footer-logo{position:absolute;bottom:50%;right:10%;font-family:var(--heading-font);font-size:9rem;transform:translateY(50%)}.newsletter-form__field-wrapper{font-size:.9rem}.newsletter-form__button{background:transparent;border:none;color:var(--background-colour);text-transform:uppercase;border-bottom:1px solid var(--background-colour);margin-left:5px;cursor:pointer;transition:opacity .125s ease-in-out}.newsletter-form__button:hover{opacity:.7}.newsletter-title{font-family:var(--body-font);padding-bottom:15px}.newsletter-form__field-wrapper .field__input{background:transparent;border:none;border-bottom:1px solid var(--background-colour);color:var(--background-colour);width:220px}.newsletter-form__field-wrapper .field__input::placeholder{color:var(--background-colour);opacity:.5}@media screen and (max-width:768px){.footer{height:150px;padding-bottom:100px}.footer-logo{font-size:3rem;right:2%;bottom:40%}.footer-about{width:55%;font-size:8px;top:5px}.footer-instagram{top:5px;font-size:8px}.footer-credits,.footer-newsletter{font-size:7px}.newsletter-title{font-size:9px;padding-bottom:3px}.newsletter-form__field-wrapper .field__input{width:70px}.newsletter-form__button,.newsletter-form__field-wrapper .field__input::placeholder,.newsletter-form__field-wrapper .field__input{font-size:9px}}.newsletter-form__message--success{font-family:var(--heading-font);padding-top:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/footer.css.map */
