:root {
  --white-color: rgba(255, 255, 255, 1);
  --white-light-color: rgba(255, 255, 255, .5);
  --black-color: rgba(0, 0, 0, 1);
  --black-light-color: rgba(0, 0, 0, .5);
  --light-color: rgba(139, 245, 255, 1);
  --light-light-color: rgba(139, 245, 255, .5);
  --primary-color: rgba(79, 194, 247, 1);
  --primary-light-color: rgba(79, 194, 247, .5);
  --dark-color: rgba(0, 146, 196, 1);
  --dark-light-color: rgba(0, 146, 196, .5);
  --image-header-url: url(../../img/backgroundHeader/bg-header-1.jpg);
  --image-body-url: url(../../img/backgroundBody/bg-body-1.jpg);
  --image-footer-url: url(../../img/backgroundFooter/bg-footer-1.png);
  --background-header: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-header-url) no-repeat fixed center;
  --background-body: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-body-url) repeat fixed; }

@font-face {
  font-family: Mistral;
  src: url("../../webfontkit/mistral.woff"); }
@font-face {
  font-family: "Roboto Light";
  src: url("../../webfontkit/Roboto-Light.ttf");
  src: url("../../webfontkit/roboto-light-webfont.woff");
  src: url("../../webfontkit/roboto-light-webfont.woff2"); }
@font-face {
  font-family: "Roboto Medium";
  src: url("../../webfontkit/Roboto-Medium.ttf");
  src: url("../../webfontkit/roboto-medium-webfont.woff");
  src: url("../../webfontkit/roboto-medium-webfont.woff2"); }
body #mainDivPageBody main {
  font-family: "Roboto Medium", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 500; }
  body #mainDivPageBody main #section1 h1 {
    font-size: medium; }
  body #mainDivPageBody main #section1 form {
    font-family: "Roboto Light", "Times New Roman", Times, serif; }
    body #mainDivPageBody main #section1 form select {
      background-color: var(--white-color, white); }
    body #mainDivPageBody main #section1 form button {
      background-color: var(--dark-color, #0092c4); }
    body #mainDivPageBody main #section1 form button:hover, body #mainDivPageBody main #section1 form button:visited, body #mainDivPageBody main #section1 form button:focus {
      border: 1px solid var(--white-color, white); }
  body #mainDivPageBody main #section2 ul.list-group li.list-group-item {
    background-color: var(--light-color, #8bf5ff);
    border-color: var(--white-color, white);
    font-size: small; }
    body #mainDivPageBody main #section2 ul.list-group li.list-group-item > div.d-flex, body #mainDivPageBody main #section2 ul.list-group li.list-group-item > div.d-flex > a {
      color: var(--dark-color, #0092c4); }
    body #mainDivPageBody main #section2 ul.list-group li.list-group-item > div.date {
      font-family: "Roboto Light", "Times New Roman", Times, serif;
      color: var(--black-color, black); }
  body #mainDivPageBody main #section3 a {
    color: var(--dark-color, #0092c4); }
  body #mainDivPageBody main #section3 a:hover {
    color: var(--white-color, white); }

@media (min-width: 576px) {
  body #mainDivPageBody main #section1 h1 {
    font-size: large; }
  body #mainDivPageBody main #section2 ul.list-group li.list-group-item {
    font-size: smaller; } }
@media (min-width: 768px) {
  body #mainDivPageBody main #section1 h1 {
    font-size: x-large; }
  body #mainDivPageBody main #section2 ul.list-group li.list-group-item {
    font-size: medium; } }

/*# sourceMappingURL=news.css.map */