html, body { height: 100%; }

body { font-size: 16px; }
header { background-color: #297bcc; color: #fff; }
header a { color: inherit; }
header a:hover { color: #e0e0e0; }

.page { display: flex; flex-flow: column; justify-content: space-between; height: 100%; }

.logo-wrapper img { margin-right: 10px;  }
.logo-wrapper span { position: relative; top: -5px; font-size: 20px; color: #fff; line-height: 1.1; }
.logo-wrapper a { display: flex; color: inherit; text-decoration: none; align-items: center; }
.logo-wrapper a:hover { text-decoration: none; }
.logo { max-width: 120px; max-height: 120px; }

.contacts a { font-size: 20px; display: block; color: #fff; transition: all ease 0.3s; }
.contacts a:hover { color: #e0e0e0; text-decoration: none; }
.contacts a i { margin-right: 10px; }

.main-menu { list-style: none; font-size: 16px; font-weight: bold; padding: 10px 0; }
.main-menu a { display: block; color: #297bcc; transition: all ease 0.3s ; padding: 5px 10px; text-decoration: none; }
.main-menu a:hover { text-decoration: none; }
.main-menu li { transition: background-color ease 0.3s; margin-bottom: 1px; }
.main-menu li:last-child { margin-bottom: 0; }
.main-menu > li > a:hover  { color: #0A246A; }
.main-menu > li.active > a { background-color: #297bcc;  color: #fff; }
.main-menu ul { display: none; list-style: none; font-size: 14px; font-weight: normal; color: #000; padding-left: 15px; }
.main-menu li.active ul { display: block; }
.main-menu ul a { color: inherit; }
.main-menu ul li.active a, .main-menu ul li:hover a { color: #297bcc; }

.docs a i { margin-right: 7px; }

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #053f73;
}

footer { background-color: #297bcc; color: #fff; }
footer p:last-child { margin-bottom: 0; }

footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li a { color: #fff; }
footer ul li a:hover { color: #e0e0e0; }
footer ul li.active a { text-decoration: underline; }


@media (max-width: 1024px) {
    .logo { max-width: 100px; max-height: 100px; }
    .logo-wrapper span { font-size: 16px; }
}