@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700&family=Montserrat:wght@500&family=Helvetica:wght@400&display=swap');

:root {
  /* Index Layout */
  --index-font: 'Montserrat', Arial, sans-serif;
  --index-heading-color:    #282828;
  --index-secondary-color:  #00699C;
  --index-subtitle-color:   #326295;
  --index-text-color:       #333333;

  /* Logo sizing */
  --navbar-logo-width:        auto;
  --navbar-logo-height:       60px;

  /* Gaps */
  --navbar-gap-logo-nav:      3rem;
  --navbar-gap-top-links:     0.75rem;
  --navbar-gap-bottom-links:  1rem;
  --navbar-link-font-size:    1.25rem;

  /* Typography */
  --navbar-font:              'Helvetica Neue', Arial, sans-serif;

  /* Link colors */
  --navbar-link-color:        #000;
  --navbar-link-hover:        #004176;
  --navbar-link-strong:       #0F3864;

  /* Divider */
  --navbar-divider-color:     rgba(15, 56, 100, 0.2);
  --navbar-divider-color-mobile: #999999;
  --navbar-divider-thick:     1px;

  /* Services Tile Group (Index Page) */
  --services-font:             'Montserrat', Arial, sans-serif;
  --services-heading-color:    #282828;
  --services-subtitle-color:   #326295;
  --services-gradient-start:   #027244;
  --services-gradient-end:     #004176;
  --services-gap-vertical:     2rem;
  --services-gap-tile:         1.5rem;
  --services-radius:           0.5rem;

  /* Footer */
  --footer-bg:             #004176;
  --footer-text:           #ffffff;
  --footer-link-hover:     #cccccc;
  --footer-bottom-bg:      #1c1c1c;
  --footer-bottom-text:    #999999;
  --footer-font:           'Helvetica Neue', Arial, sans-serif;

  /* Social brand colors */
  --facebook-blue:  #1877F2;
  --twitter-blue:   #1DA1F2;
  --linkedin-blue:  #0077B5;
  --youtube-red:    #FF0000;
  --instagram-mag:  #E1306C;
}

/* make padding count in width calculations */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.font-lato {
  font-family: 'Lato', sans-serif !important;
}

.font-helvetica {
  font-family: 'Helvetica Neue', sans-serif !important;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif !important;
}

body {
    font-size: 100%;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
}

/* Screens given size and larger */
@media (min-width: 1200px) {
  .extended-container {
      max-width: 2000px !important;
  }
}

/* Screens given size and smaller */
@media (max-width: 1750px) {
  :root {
    --navbar-link-font-size: 1rem;
  }
}

@media (max-width: 1520px) {
  :root {
    --navbar-link-font-size: 0.85rem;
  }
}

@media (max-width: 991px) {
  :root {
    --navbar-gap-logo-nav: 0;
    --navbar-gap-top-links: 0.25rem;
  }
}

@media (max-width: 768px) {
  :root {
    --navbar-divider-color: #999999;
    --navbar-divider-think: 1px;
  }
}