html, body {
 height: 100%;
 font-family: 'Source Sans Pro', sans-serif;
}

body {
 background: #f5f5f5;
 background-size: cover;
}

#vsebina {
 display: block;
 padding: 100px 20px 20px 100px; 
 font-weight: bold;
 height: 100%;
}

#okvircki {
 display: flex;
 flex-wrap: wrap;
}

#slikca {
 border: 2px solid black;
 padding: 2px;
 width: 100%;
 float: right;
 margin-bottom: 20px;
 margin-left: 20px;
}

#aside {
 vertical-align: top;
 width: 40%;
}

.okvircek {
 width: 400px;
 height: 200px;
 box-shadow: 0 0 10px rgba(0, 0, 0, .11);
 background-color: white;
 padding: 20px;
 margin-bottom: 20px;
 margin-right: 20px;
 float: left;
 text-shadow: 0px 0px 7px white, 0px 0px 5px white, 0px 0px 4px white, 0px 0px 3px white, 0px 0px 2px white;
 background-size: cover;
 background-position: center;
}

#o {
 padding: 0px 20px 20px 0px;
 width: 100%;
}

a, a:hover {
 color: black;
 text-decoration: none;
}

#vsebina a {
 color: red;
}

#topEdge {
 background: white;
 position: fixed;
 width: 100%;
 height: 75px;
 border-bottom: 1px solid #e5e5e5;
 overflow: hidden;
}

#topEdge span {
 text-transform: uppercase;
 line-height: 75px;
 padding-left: 100px;
 font-size: 23px;
}

#leftEdge {
 background: white;
 position: fixed;
 height: 100%;
 width: 75px;
 border-right: 1px solid #e5e5e5;
 padding-top: 30px;
}

#leftEdge span {
 text-transform: uppercase;
 font-size: 23px;
 display: block;
 transform: rotate(-90deg);
 white-space: nowrap;
 top: 270px;
 position: relative;
}

#logo {
 position: fixed;
 max-width: 75px;
 height: auto;
}

#jeziki {
 padding-left: 12px;
 padding-top: 20px;
}

#jeziki img {
 margin-bottom: 12px;
 border: 1px solid black;
}

#linki a {
 padding-right: 5px;
}

.price {
 color: red;
}

.izdelek {
 float: right;
 padding: 0 0 10px 20px;
}

.opis {
 text-align: justify;
}