#splash_contact{ background-image: url(images/splash.jpg); }
#splash_contact .in{ align-items: center; justify-content: center; height: 27em; padding: 2em; background: #15409782;  }
#splash_contact .in div{ font-size: 1.2em; color: #fff; font-weight: 900; text-align: center; /*text-shadow: 0px 0px 0.2em #000, 0px 0px 0.2em #000, 0px 0px 0.2em #000; */ }
#splash_contact .in div h1{ font-size: 3.5em; margin: 0.1em 0; padding: 0; font-weight: inherit; }

#contact{ padding: 6em 4em; }
#contact div{ display: flex; flex: none; justify-content: space-around;  }
#contact h1{ text-align: center; }
#contact p{ text-align: center; }
#contact .sidepanel{ width: 20%; }
#contact .sidepanel span:not(.material-icons){ width: 33%; }
#contact .sidepanel h2, #contact .sidepanel h3{ display: flex; flex: none; align-items: center; }
#contact .sidepanel h2 .material-icons, #contact .sidepanel h3 .material-icons{ margin-right: 0.5em; }
#contact .sidepanel lab{ display: inline-block; width: 6em; color: var(--sec-color); }
#contact .sidepanel dom{ display: inline-block; }
#contact .sidepanel .ou{ color: var(--sec-color); margin-top: 3em; }
#contact .sidepanel ul{ font-size: 0.88em; margin: 0; padding: 0; }
#contact .sidepanel ul li{ margin: 0 0 4em 0; }
#contact .sidepanel ul li lab{ width: 9em; }
#contact .form{ width: 70%; }

#contactForm .contactForm{ font-size: 1.2em; }
#contactForm .contactForm div{ flex-wrap: wrap; }
#contactForm .contactForm .inline{ color: var(--third-color); }