body {
    background-color: white;
}

.ptsans {
	font-family: 'PT Sans', sans-serif;	
	font-style: normal;
	font-variant: normal;
}

/* A */
* {
    box-sizing: border-box;
}


.grid-container {
	display: grid;
	grid-template-columns: 35% 65%;
	grid-gap: 5px;
	padding: 1%;
}
/* B */

/* C */
.gumb {
	background-color: white;
    border: none;
    color: black;
    text-decoration: none;
    display: inline-block;
    margin: none;
    cursor: pointer;
	font-size:1.3vw;
}

ul {
    list-style-type: none;
	line-height: 70%;
}

.responsive{
    max-width: 100%;
    height: auto;
}

li.hor {
    display: inline;
}

/* D */
.center {
    margin: auto;
    width: 91%;
	max-width:1200px;
}

/* E */
#prvastran {
	padding-top: 1%;
}

#NavBtns {
	text-align:center;
	padding-bottom:2em;
}

/* F */
#LangBtns {
	text-align:right;
	padding-bottom:1em;
}

#SpodnjaStran {
	font-size:1.3vw;
	text-align:left;
}

#ZgornjaStran {
	font-size:1.3vw;
	text-align:left;
}

#noga {
	padding-top:3vw;
	font-size:1vw;
	text-align:right;
}

div.hscroll {
    overflow-x: hidden;
    overflow-x: scroll;
	white-space:nowrap;
	max-width:1200px;
    margin: auto;
    width: 100%;
    text-align:center;
}

div.vscroll {
    overflow-y: scroll;
    max-height: 800px;
	max-width:1200px;
    margin: auto;
    width: 100%;
    padding: 10px;
	/*white-space:nowrap;*/
}

#majhne {
    width: 25%;
	padding:1%;
}

#majhne:hover {
    opacity:0.7;
	cursor:pointer;
}

#srednje {
    width: 33.33%;
	padding:1%;
}

#srednje:hover {
    opacity:0.7;
	cursor:pointer;
}