html {
  overflow-y: scroll;
} 

body {
  color: #000;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

strong {
  font-weight: 600;
}

  .content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 30px;
  }

/* top */

.top {
    background: #fff;
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0px;
    color: #555;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

/* banner */

.banner {
    position: relative;
    float: left;
    width: 100%;
    background-image: url(/images/banners/banner.jpg);
    height: 60vh;
    background-size: cover;
    background-position: top center;
}

.slogan {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 100px;
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    line-height: 108%;
}

/* vsebina */

.vsebina {
    position: relative;
    float: left;
    width: 100%;   
    padding: 100px 0px;
    text-align: center;
}

.vsebina a, .bott a {
    color: #555;
    text-decoration: none;
}

.vsebina a:hover, .pravice a:hover, .bott a:hover {
    color: #000;
    text-decoration:underline;
}

.vsebina h3 {
    padding: 15px 0px;
    font-size: 20px;
    margin: 0;
}

.vsebina .wf-column img {
    vertical-align: sub;
}

.wf-columns {
  gap: 40px;
}

/* zakaj */

.zakaj {
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0px;
    background: #fdf9f5;
    text-align: center;
}

.zakaj h3 {
    padding: 0px 0px 50px 0px;
    margin: 0;
}

.zakaj img {
    margin-bottom: 20px;
}

.zakaj h4 {
    margin: 0;
    padding: 0px 0px 20px 0px;
}


/* pravice */

.pravice {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0px;
    border-top: 1px solid #555;
    text-align: center;
}

.pravice a {
    color: #555;
    text-decoration: none;
}

/* bott */

.bott {
    position: relative;
    float: left;
    width: 100%;   
    padding: 60px 0px;
    text-align: center;
}

#mod-custom111 {
    max-width: 600px;
    margin: 0 auto;
}

@media only screen and (max-width: 550px) {
    .top {
        padding: 20px 0px;
        font-size: 22px;
    }
    .slogan {
        font-size: 34px;
        padding: 0px 30px;
        bottom: 50px;
        line-height: 120%;
    }
}