@charset "utf-8";

html { height: 100%; }

body { width: 100%; margin: 0px; padding: 0px; font-family: "PT Serif", serif; font-size: 12px; color: rgb(0, 0, 0); background: url("../images/fon.jpg") center center / cover no-repeat fixed; font-weight: normal; }

h1 { text-align: center; color: rgb(0, 0, 0); font-size: 16px; }

h2 { text-align: center; font: italic bold 12px/1 Georgia, serif; color: rgb(0, 0, 0); }

p { font-size: 16px; }

a { color: rgb(0, 0, 0); }

.menu { background: rgb(254, 254, 254); border: 0px; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 5px; padding: 15px 0px; }

.navbar-brand { padding-right: 15px; }

.navbar-brand img { position: relative; top: -30px; }

.navbar-default .navbar-nav > li > a { color: rgb(0, 0, 0); font-size: 12px; text-transform: uppercase; }

.navbar-default .navbar-nav > li.active-link > a { border-bottom: 1px solid rgb(25, 25, 112); color: rgb(0, 0, 0); }

.navbar-default .navbar-nav:not(.icons) > li > a:hover { color: rgb(0, 0, 0); font-size: 16px; }

.menu .container { position: relative; }

#footer { display: table-row; height: 20%; width: 100%; }

#footer p { font-size: medium; }

@media only screen and (max-width: 1002px) {
  .menu { padding: 0px; }
  .navbar-brand img { top: -15px; max-height: 50px; }
  .navbar-default .navbar-nav > li > a { font-size: 12px; text-transform: uppercase; }
  .navbar-nav > li > a { transition: all 0s ease 0s, all 2s ease 0s; }
  .navbar-default .navbar-nav:not(.icons) > li > a:hover { border-bottom: 0px; color: rgb(240, 248, 255); background: rgb(176, 196, 222); }
  .navbar-default .navbar-nav > li.active-link > a { border-bottom: 0px; color: rgb(141, 140, 140); }
  @media only screen and (max-width: 1200px) {
}
  @media only screen and (max-width: 1024px) {
  .navbar-default .navbar-nav > li > a { font-size: 16px; text-transform: uppercase; }
}
  @media only screen and (max-width: 1016px) {
  .navbar-default .navbar-nav > li > a { font-size: 14px; text-transform: uppercase; }
}
  @media only screen and (max-width: 950px) {
  .navbar-default .navbar-nav > li > a { font-size: 16px; text-transform: uppercase; }
  .navbar-brand { padding-right: 5px; }
}
  @media only screen and (max-width: 480px) {
  .navbar-default .navbar-nav > li > a { font-size: 20px; text-transform: uppercase; }
}
}