//varijable globalne

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

@font-face {
  font-family: 'FSSilasSans';
  src: url('/fonts/FSSilasSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'FSSilasSans';
  src: url('/fonts/FSSilasSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'FSSilasSans';
  src: url('/fonts/FSSilasSans-Bold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'FSSilasSans';
  src: url('/fonts/FSSilasSans-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'FSSilasSans';
  src: url('/fonts/FSSilasSans-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

//background image
.bg-img-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.width-full {
  width: 100%;
}
.height-full {
  height: 100%;
}

//positions
.pos-a {
  position: absolute;
}
.pos-r {
  position: relative;
}