html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color: #A8D9E0;}

@font-face{font-family:Leelawadee;font-display:fallback;src:local('Leelawadee'),url(fonts/leelawad.woff2) format('woff2'),url(fonts/leelawad.woff) format('woff'),url(fonts/leelawad.ttf) format('truetype'),url(fonts/leelawad.eot?#iefix) format('embedded-opentype'),url(fonts/leelawad.svg#RobotoRegular) format('svg');}

body{font-family: Leelawadee;color:#7F262F}

#loader-wrapper {
    background: url(img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg', sizingMethod='scale')";
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

@keyframes fadein {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

@-moz-keyframes fadein {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

@-webkit-keyframes fadein {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

@-ms-keyframes fadein {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

@-o-keyframes fadein {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

.gore{background-color: #F9E9CA;position:relative;}
.sredina{background-color: #593224;position:relative;}
.dole{background-color: #A8D9E0;position:relative;}
.prikazi{opacity: 1}
small{font-weight: bold;}

::-webkit-scrollbar{width:8px;background:#7F262F}
::-webkit-scrollbar-thumb{background:#fff}

.sredina::after {
    -webkit-background-size: 250px 300px;
    background-size: 250px 300px;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    visibility: visible;
    z-index: 10;
    background-image: url(img/logo.png);
    height: 300px;
    top: -110px;
}

.py-prvi{padding-top: 4rem !important;padding-bottom: 4rem !important;}
.py-drugi{padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
.py-treci{padding-top: 3rem !important;padding-bottom: 3rem !important;}

h1{font-size: 2.5em;font-weight: bold;font-family:Leelawadee}
h4{font-size:1.5em; font-weight: bold;font-family:Leelawadee}

.gornja-margina{margin-top: 125px}

@media screen and (min-width: 320px) and (max-width: 450px){h1{font-size: 1.5em}h4{font-size: 1em}}