* { margin: 0; padding: 0; }

body { overflow: hidden; letter-spacing: 0.5px; }

ul li { list-style: none; }

a { text-decoration: none; }

#main { display: flex; width: 100vw; height: 100vh; flex-direction: column; align-items: center; justify-content: center; background-image: url('img/bg1.jpg'); background-size: cover; background-position: center bottom; }

#main .caption { margin: 0 0 15px 0; font-weight: bold; font-size: 18px; color:#53a4d8; }

#main form { display: flex; flex-direction: column; padding: 30px; background-color: #f3f3f3; }
#main form > * { margin: 0 0 15px 0; }
#main form > *:last-child { margin: 0; }
#main form input { padding: 5px; }
#main form input[type="password"] { width: 250px; height: 20px; }
#main form input[type="submit"] { border: 0; background-color: #53a4d8; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #ffffff; cursor: pointer; }
#main form input[type="submit"]:hover { opacity: 0.8; }
#main form .source { text-align: center; font-size: 90%; color: #cccccc; }

#ddl { display: flex; width: 100vw; height: 100vh; flex-direction: column; align-items: flex-end; justify-content: center; background-image: url('img/bg2.jpg'); background-size: cover; background-position: center bottom; }
#ddl .content { max-width: 30%; padding: 0 200px 0 0; }
#ddl .content > * { margin: 0 0 15px 0; }
#ddl .content > *:last-child { margin: 0; }
#ddl .content h1 { color: #53a4d8; }
#ddl .content h2 { text-align: left; }

#ddl .content ul { background-color: #f3f3f3; }
#ddl .content ul li .bottom-separator { border-bottom: 2px solid #ffffff; }
#ddl .content ul li:last-child { border: 0; }
#ddl .content ul li a { display: block; padding: 15px; color: #000000; text-align: center; }
#ddl .content ul li a:hover { opacity: 0.6; }
#ddl .content ul li a h5 { text-transform: uppercase; font-size: 10px; }
#ddl .content ul li a h4 { font-size: 12px; opacity: 0.4; }
#ddl .content ul li a h4 span { margin: 0 0 0 5px; }
#ddl .content ul li a p { color: #53a4d8; }

#ddl .content ul li ul { display: flex; flex-wrap: wrap; }
#ddl .content ul li ul li { width: calc(50% - 1px); border-right: 2px solid #ffffff; }
#ddl .content ul li ul li:nth-child(even) { border-right: 0; }


#ddl .content p span { font-weight: bold; }