@import url('https://fonts.googleapis.com/css?family=Jost:200,300,400,500,600,700&display=swap&subset=latin-ext');

@media (min-width: 1200px) {
  .navbar__brand-logo-img { max-width: 18rem; max-height: 4rem; }
}

body { font-family: 'Jost', sans-serif; }

h1, h2, h3, h4, h5, h6, p, li { font-family: 'Jost', sans-serif; }

h1, h2, h3, h4  { font-weight: 600; }
p  { font-weight: 400; }

h1, a, a:active, .active { color: #1075A2; }
h2, a:hover { color: #EF7F1A; text-decoration-line: none; }

#motive { display: none; }
#index #motive { display: block; }

#main { padding-top: 1rem; }
section, .section { padding-top: clamp(1.5rem,3vw,4rem); padding-bottom: clamp(1.1rem,1.5vw,2rem); }

.container--article h1 + p, .container--article .h1 + p { margin-top: clamp(2rem,4vw,2rem); }

.dynamic-loader { font-size: 0.8em; }

.btn {background-color:#EF7F1A; border-color: #EF7F1A; }
.btn:hover {background-color:#1075A2; border-color:#1075A2; }

#footer { background: #f8f9fa; }