#splash-screen { background-image: url("/assets/images/squares_background_2x.png"); background-size: 100% auto; background-repeat: no-repeat; background-position-y: 100%; }
#splash-screen div { display: flex; justify-content: center; }

#splash-screen .header { height: 17.6vh; align-items: flex-end; }
#splash-screen .header h1 { color: #143D59; font-size: 50px; font-weight: bold; }

#splash-screen .info { height: 8.8vh; align-items: flex-start; }
#splash-screen .info p { color: #8B8B8B; font-size: 20px; }

#splash-screen .bg { height: 61.6vh; }
#splash-screen .bg img { width: auto; height: 100%; }

#splash-screen .footer { height: 8.8vh; flex-direction: column;
align-items: center; margin-top: 10px; }
#splash-screen .footer img { width: 80px; margin-bottom: 7px; }
#splash-screen .footer span { color: #9D9D9D; font-size: 13px; font-weight: normal; margin-left: 0.4rem; line-height: 1.1; }