: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 Light", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 500;
  font-size: smaller; }
  body #mainDivPageBody main h1 {
    font-size: 1.3rem;
    font-weight: bold; }
  body #mainDivPageBody main hr {
    background-color: var(--black-light-color);
    margin-top: 0;
    margin-bottom: 0; }
  body #mainDivPageBody main h2 {
    font-size: 1rem;
    font-weight: bold; }
  body #mainDivPageBody main ul li.nav-item {
    font-weight: bold; }
    body #mainDivPageBody main ul li.nav-item a.nav-link.active {
      color: var(--black-color, black);
      background-color: var(--white-color, white); }
    body #mainDivPageBody main ul li.nav-item a.nav-link {
      display: flex;
      justify-content: space-between;
      color: var(--white-color, white);
      background-color: var(--dark-color, #0092c4); }
  body #mainDivPageBody main #sectionContactInfo {
    background-color: var(--white-color, white); }
    body #mainDivPageBody main #sectionContactInfo div.row {
      margin-top: 5%; }
    body #mainDivPageBody main #sectionContactInfo div.container a.link {
      color: var(--dark-color, #0092c4); }
  body #mainDivPageBody main #sectionSendMessage {
    background-color: var(--dark-color, #0092c4);
    color: var(--white-color, white); }
    body #mainDivPageBody main #sectionSendMessage span.input-group-text, body #mainDivPageBody main #sectionSendMessage label.input-group-text {
      background-color: transparent;
      color: var(--white-color, white);
      font-weight: bold; }
    body #mainDivPageBody main #sectionSendMessage hr {
      background-color: var(--white-color, white); }
    body #mainDivPageBody main #sectionSendMessage > div:last-child > form button {
      border: 1px solid var(--white-color, white);
      color: var(--white-color, white); }
    body #mainDivPageBody main #sectionSendMessage > div:last-child > form button:hover {
      background-color: var(--white-color, white);
      color: var(--dark-color, #0092c4); }
    body #mainDivPageBody main #sectionSendMessage > div:last-child > div a {
      color: var(--white-color, white); }
    body #mainDivPageBody main #sectionSendMessage > div:last-child > div a:hover {
      color: var(--primary-color, #4fc2f7); }

@media (min-width: 768px) {
  body #mainDivPageBody main {
    font-size: medium; }
    body #mainDivPageBody main h1 {
      font-size: 1.5rem; }
    body #mainDivPageBody main h2 {
      font-size: 1.2rem; }
    body #mainDivPageBody main #sectionSendMessage {
      margin-bottom: 5%; } }

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