:root {
  --font-family-sans-serif: 'Montserrat', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --gray-dark: #404040;
  --purple: #533777;
  --semitransparency: rgba(24,24,24,0.3);
  --light-blue: #e1f7f5;
  --light-purple: #c290d2;
  --font-family-serif: Merriweather, serif;
  --color-text: var(--gray-dark);
  --font-family-text: var(--font-family-serif);
}





.bg-secondary {
    background-color: #003f80!important;
}
.family-sans {
  font-family: var(--font-family-sans-serif);
}


h1 {
    font-size: 48px;
    font-family: Roboto, 'Helvetica Neue';
    clear: both;
    display: inline-block;
    width: 100%;
    font-weight:300;
    text-transform: initial;
    color:#003f80;
}



p {  font-family: Roboto, 'Helvetica Neue';
  color: var(--color-text);
  font-weight: 200;
  font-size:17px;
}

body {
  font-family: var(--font-family-text);
  color: var(--color-text);
  font-weight: 200;
  font-size:17px;
}



/* BERGAMET */
.site-nav {
   background-color:#003f80
}



h1.text-center {
    font-size: 45px;
}
div.row.headline-txt {
    position: relative;top: 180px; z-index: 9999;
    
}
 img.img-fluid.flag {
     height:72px
    
 }
div.flags {
     padding-top:70px;
     
}
 div.container.headline-row {height:115px; top:300px}
.bergamet-logo {width:400px;}

.footer-text {color:#fff; font-size:15px;}



@media screen and (max-width: 768px) {
    .bergamet-logo {width:260px;}
    h1.text-center {
    font-size: 10px;
}
.hideme {display:none;}
}



@media screen and (max-width: 992px) {
    h1.text-center {font-size: 30px;}
    div.row.headline-txt {top: 150px;}
    div.flags {padding-top:20px;}

}