@font-face {
  font-family: 'Stag Sans LCG Web';
  src: url('../fonts/StagSans-MediumItalic-Cy-Gr-Web.eot');
  src: url('../fonts/StagSans-MediumItalic-Cy-Gr-Web.eot?#iefix') format('embedded-opentype'),
       url('../fonts/StagSans-MediumItalic-Cy-Gr-Web.woff2') format('woff2'),
       url('../fonts/StagSans-MediumItalic-Cy-Gr-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag Sans LCG Web';
  src: url('../fonts/StagSans-Medium-Cy-Gr-Web.eot');
  src: url('../fonts/StagSans-Medium-Cy-Gr-Web.eot?#iefix') format('embedded-opentype'),
       url('../fonts/StagSans-Medium-Cy-Gr-Web.woff2') format('woff2'),
       url('../fonts/StagSans-Medium-Cy-Gr-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag Sans LCG Web';
  src: url('../fonts/StagSans-BookItalic-Cy-Gr-Web.eot');
  src: url('../fonts/StagSans-BookItalic-Cy-Gr-Web.eot?#iefix') format('embedded-opentype'),
       url('../fonts/StagSans-BookItalic-Cy-Gr-Web.woff2') format('woff2'),
       url('../fonts/StagSans-BookItalic-Cy-Gr-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag Sans LCG Web';
  src: url('../fonts/StagSans-Book-Cy-Gr-Web.eot');
  src: url('../fonts/StagSans-Book-Cy-Gr-Web.eot?#iefix') format('embedded-opentype'),
       url('../fonts/StagSans-Book-Cy-Gr-Web.woff2') format('woff2'),
       url('../fonts/StagSans-Book-Cy-Gr-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

body {max-width:100vw;padding:0;box-sizing:border-box;overflow-x:hidden;}
body, p, span, b, i, strong, a, input, button, h1, h2, h3, h4, h5, h6, div {
  font-family:Stag Sans LCG Web, sans-serif;font-weight:400;font-style:normal;font-stretch:normal;text-align:left;
  -webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;
  -webkit-hyphenate-limit-chars:auto 3;-moz-hyphenate-limit-chars:auto 3;-ms-hyphenate-limit-chars:auto 3;hyphenate-limit-chars:auto 3;
  -webkit-hyphenate-limit-lines:4;-moz-hyphenate-limit-lines:4;-ms-hyphenate-limit-lines:4;hyphenate-limit-lines:4;
  color:#000;}

body, div, p, span, b, i, strong, a, input, button {font-size:1rem;line-height:1.235rem;margin:0;}

h2 {margin-top:1rem;font-size:1.176rem;font-weight:500;}
h2:nth-of-type(2) {margin-top:2.5rem;}
p {margin-bottom:1.5rem;}

div.ovb-columns {
  position:relative;width:80%;box-sizing:border-box;padding:0 0 -5px 0;margin:calc(50vh - 11rem) auto 0 auto;
  display:-webkit-box;display:-msmflexbox;display:-webkit-flex;display:flex;justify-content:space-between;clear:both;
  background-color:#00b7e5;
}

div.ovb-columns div#ovb-logo {
  position:absolute;width:4rem;height:4rem;left:0;top:-5rem;
  background-image:url('../images/logo_ovb.png');background-size:4rem;
}

@supports (display:grid) {
  div.ovb-columns div#ovb-logo {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 350"><path d="M20.56,299.58c0-32.9,22.21-51,48.12-51s48.12,18.1,48.12,51-22.21,51-48.12,51S20.56,332.48,20.56,299.58Zm79,.41c0-26.73-13.16-40.3-30.85-40.3S37.84,273.26,37.84,300c0,26.32,13.16,39.89,30.84,39.89S99.53,326.31,99.53,300Zm198.23-2.88v-.41c12.34-2.47,20.15-9.05,20.15-21.8,0-18.09-13.57-25.49-35.78-25.49H242.24v9h6.17a5.24,5.24,0,0,1,4.52,4.53v72.38a5.23,5.23,0,0,1-4.52,4.52h-6.17v9.46h41.53c23,0,38.66-9,38.66-28.37C322,306.57,312.56,299.17,297.76,297.11ZM269,259.69h12.34c13.16,0,19.74,4.11,19.74,16.45,0,11.92-6.58,16.45-19.74,16.45H269Zm14,80.19H269V302.46h13.57c16,0,22.21,5.35,22.21,18.09S298.17,339.88,283,339.88Zm-148-76.08a6.6,6.6,0,0,0-5.76-4.52h-3.29v-9.46H164.1v9.46H151.35l25.08,74.44h.41l22.62-65.4c2.06-6.17.83-9.46-4.52-9.46h-6.17v-9.45h35v9.45h-3.29a6.55,6.55,0,0,0-6.17,4.94L183,349.75H164.92ZM317.91,1c-23.85,15.22-50.59,30-79.38,44.42V216.09h79V1ZM212.63,57.75c-13.58,6.17-28,12.34-42.37,18.1-12.33,4.94-24.67,9.87-37,14V215.68h79V57.75ZM106.93,99.29c-27.14,9-53.88,16.45-79,22.62v94.18h79V99.29Z" fill="rgb(0,58,101)" /></svg>');
  }
}

div.ovb-columns div.ovb-column * {color:#fff;}
div.ovb-columns div.ovb-column-4 {flex-basis:33.333%;}
div.ovb-columns div.ovb-column-8 {flex-basis:66.666%;padding:.5rem 3.5rem 0rem 3.5rem;}
div.ovb-columns div.ovb-column-4 img {height:99.999%;width:100%;margin-bottom:-4px;object-fit:cover;}
div.ovb-columns div.ovb-column-4 picture {object-fit:cover;height:100%;display:block;}

p.ovb-footer {display:block;width:80%;margin:1rem auto;text-align:right;color:#444;font-size:.8rem;}
p.ovb-footer a {font-size:.8rem;color:#000;}
p.ovb-footer a:hover {color:#036;}

@media screen and (max-width: 1280px) {
  div.ovb-columns div.ovb-column-4, div.ovb-columns div.ovb-column-8 {flex-basis:50%;}
}
@media screen and (max-width: 960px) {
  div.ovb-columns {width:100%;margin:0;flex-wrap:wrap;}
  div.ovb-columns div#ovb-logo {
    width:25vw;height:25vw;left:auto;right:-.5rem;top:44.5vw;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 375 350"><polygon points="175 0 0 175 0 350 175 350 350 175 350 0 175 0" fill="rgb(0,58,101)" /><path d="M41,299.47c0-9.81,6.62-15.2,14.34-15.2s14.35,5.39,14.35,15.2-6.62,15.21-14.35,15.21S41,309.29,41,299.47Zm23.42,0c0-8-3.92-12-9.2-12s-9.2,4-9.2,12,3.93,11.9,9.2,11.9S64.44,307.45,64.44,299.47Zm-21.22-53.1v28.09H66.77V239.75Q54.44,243.8,43.22,246.37Zm42.31-13.61c-3.68,1.47-7.36,2.94-11,4.17v37.53H98V227.37C94.12,229.2,89.82,231,85.53,232.76Zm20.48-9.2v50.9h23.55v-64A258,258,0,0,1,106,223.56Zm17.54,75.06v-.13c3.68-.73,6-2.69,6-6.5,0-5.39-4-7.6-10.67-7.6H107v2.7h1.84a1.55,1.55,0,0,1,1.35,1.35V310a1.56,1.56,0,0,1-1.35,1.35H107v2.82h12.39c6.87,0,11.53-2.7,11.53-8.46C130.91,301.44,128,299.23,123.55,298.62ZM115,287.46h3.68c3.93,0,5.89,1.22,5.89,4.9s-2,4.91-5.89,4.91H115Zm4.3,23.91h-4.17V300.21h4c4.79,0,6.63,1.59,6.63,5.4S123.79,311.37,119.26,311.37ZM75,288.68a2,2,0,0,0-1.72-1.35h-1v-2.82h11.4v2.82h-3.8l7.48,22.2h.12l6.87-19.38c.62-1.84.25-2.82-1.35-2.82H91.17v-2.82H101.6v2.82h-1a2,2,0,0,0-1.84,1.48l-9.32,25.63h-5.4Z" fill="rgb(255,255,255)" /></svg>');
    background-repeat:no-repeat;
  }
  div.ovb-columns div.ovb-column-4, div.ovb-columns div.ovb-column-8 {flex-basis:100%;}
  div.ovb-columns div.ovb-column-8 {box-sizing:border-box;padding:.5rem 1.5rem 0rem 1.5rem;height:calc(100vh - (100vw * 9 / 16));}
  div.ovb-columns div.ovb-column-8 h2, div.ovb-columns div.ovb-column-8 p {padding-right:30vw;}
  p.ovb-footer {position:absolute;bottom:0rem;right:1rem;color:#ddd;}
  p.ovb-footer a {color:#fff;}
}
