#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 { font-size: 50px; font-weight: bold; margin-top: 0; margin-bottom: 2px;}

#splash-screen .info { height: 8.8vh; align-items: flex-start; }
#splash-screen .info p { font-size: 20px; margin-top: 0; margin-bottom: 0; }

#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: 3px; }
#splash-screen .footer img { width: 80px; margin-bottom: 7px; }
#splash-screen .footer span { font-size: 13px; font-weight: normal; margin-left: 0.4rem; line-height: 1.1; }