@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-book.eot');
src: url('../fonts/firasans-book.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-book.woff2') format('woff2'),
 url('../fonts/firasans-book.woff') format('woff'),
 url('../fonts/firasans-book.ttf') format('truetype'),
 url('../fonts/firasans-book.svg#fira_sansbook') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-bookitalic.eot');
src: url('../fonts/firasans-bookitalic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-bookitalic.woff2') format('woff2'),
 url('../fonts/firasans-bookitalic.woff') format('woff'),
 url('../fonts/firasans-bookitalic.ttf') format('truetype'),
 url('../fonts/firasans-bookitalic.svg#fira_sansbook_italic') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-regular.eot');
src: url('../fonts/firasans-regular.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-regular.woff2') format('woff2'),
 url('../fonts/firasans-regular.woff') format('woff'),
 url('../fonts/firasans-regular.ttf') format('truetype'),
 url('../fonts/firasans-regular.svg#fira_sansregular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-italic.eot');
src: url('../fonts/firasans-italic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-italic.woff2') format('woff2'),
 url('../fonts/firasans-italic.woff') format('woff'),
 url('../fonts/firasans-italic.ttf') format('truetype'),
 url('../fonts/firasans-italic.svg#fira_sansitalic') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-semibold.eot');
src: url('../fonts/firasans-semibold.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-semibold.woff2') format('woff2'),
 url('../fonts/firasans-semibold.woff') format('woff'),
 url('../fonts/firasans-semibold.ttf') format('truetype'),
 url('../fonts/firasans-semibold.svg#fira_sanssemibold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Feuerfuchs';
src: url('../fonts/firasans-semibolditalic.eot');
src: url('../fonts/firasans-semibolditalic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/firasans-semibolditalic.woff2') format('woff2'),
 url('../fonts/firasans-semibolditalic.woff') format('woff'),
 url('../fonts/firasans-semibolditalic.ttf') format('truetype'),
 url('../fonts/firasans-semibolditalic.svg#fira_sanssemibold_italic') format('svg');
font-weight: 700;
font-style: italic;
}


@font-face {
font-family: 'Oswald';
src: url('../fonts/oswald-extralight.eot');
src: url('../fonts/oswald-extralight.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-extralight.woff2') format('woff2'),
url('../fonts/oswald-extralight.woff') format('woff'),
url('../fonts/oswald-extralight.ttf') format('truetype'),
url('../fonts/oswald-extralight.svg#oswaldextralight') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/oswald-light.eot');
src: url('../fonts/oswald-light.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-light.woff2') format('woff2'),
url('../fonts/oswald-light.woff') format('woff'),
url('../fonts/oswald-light.ttf') format('truetype'),
url('../fonts/oswald-light.svg#oswaldlight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/oswald-regular.eot');
src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-regular.woff2') format('woff2'),
url('../fonts/oswald-regular.woff') format('woff'),
url('../fonts/oswald-regular.ttf') format('truetype'),
url('../fonts/oswald-regular.svg#oswald_regularregular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/oswald-medium.eot');
src: url('../fonts/oswald-medium.eot?#iefix') format('embedded-opentype'),
 url('../fonts/oswald-medium.woff2') format('woff2'),
 url('../fonts/oswald-medium.woff') format('woff'),
 url('../fonts/oswald-medium.ttf') format('truetype'),
 url('../fonts/oswald-medium.svg#oswaldmedium') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('../fonts/oswald-demibold.eot');
src: url('../fonts/oswald-demibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-demibold.woff2') format('woff2'),
url('../fonts/oswald-demibold.woff') format('woff'),
url('../fonts/oswald-demibold.ttf') format('truetype'),
url('../fonts/oswald-demibold.svg#oswalddemibold') format('svg');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'Icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class*="icon"] {
font-family: 'Icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



html {
height: 100%;
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}



body {
min-height: 100%;
display: flex;
flex-flow: column nowrap;
margin: 0;
padding: 0;
color: #000;
font: 400 16px/150% "Feuerfuchs", sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #fff;
}
a {
text-decoration: none;
outline: none;
color: #9E3D13;
}
a:hover {
color: #000;
}

ul, ol {
margin: 0;
}
header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
height: 61px;
border-bottom: 1px solid #CE9C85;
background-color: #9E3D13;
}
main {
flex: 1 1 auto;
padding: 60px 0;
background-color: #fff;
}
.home main {
background-color: #9E3D13;
display: flex;
align-items: center;
}
footer {
font-family: "Oswald";
font-size: 12px;
font-weight: 300;
line-height: 18px;
text-transform: uppercase;
padding: 24px 0;
color: #fff;
text-align: center;
letter-spacing: 1px;
border-top: 1px solid #CE9C85;
background-color: #9E3D13;
}
footer p span {
font-family: "Feuerfuchs";
font-size: 16px;
vertical-align: middle;
}

footer p {
margin: 0;
}

.contentwrap {
width: 100%;
max-width: 1280px;
padding: 0 40px;
margin: 0 auto;
}
main .contentwrap {
flex: 1 1 100%;
}

.flex-container {
display: flex;
flex-flow: row nowrap;
flex: 1 1 100%;
margin: 0 auto;
max-width: 1200px;
}
.flex-container div.left {
flex: 0 1 400px;
padding: 20px 40px 20px 0;
font-family: "Oswald";
text-align: right;
text-transform: uppercase;
border-right: 1px solid #CE9C85;
min-width: 280px;
}
.flex-container div.right {
flex: 1 1 800px;
padding: 20px 0 20px 40px;
}

.home .flex-container div.left,
.home .flex-container div.right {
display: none;
}

.title {
margin: 0 0 15px;
font-size: 30px;
font-weight: 300;
line-height: 130%;
text-transform: uppercase;
}
.subtitle {
margin: 0;
font-size: 19px;
font-weight: 400;
line-height: 150%;
text-transform: uppercase;
}





.flex-container div.left a {
color: #000;
}
.flex-container div.left a:hover {
color: #9E3D13;
}
.studij-ikona .flex-container div.left .item-134 a,
.program-ikona .flex-container div.left .item-135 a,
.moduli-ikona .flex-container div.left .item-136 a,
.radovi-ikona .flex-container div.left .item-137 a,
.obavijesti-ikona .flex-container div.left .item-138 a {
color: #9E3D13;
}
.title span,
.subtitle span {
display: block;
}
.flex-container nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 18px;
font-weight: 500;
}
.flex-container nav ul li {
margin: 0 0 .5em;
}
.home .flex-container a {
color: #fff;
}
.home .flex-container a:hover,
.home .flex-container a:focus {
opacity: .65;
}

a#navmainswitch,
a#searchswitch {
flex: 0 0 61px;
width: 61px;
height: 60px;
line-height: 60px;
font-size: 40px;
text-align: center;
color: #fff;
border-right: 1px solid #CE9C85;
}
a#searchswitch {
font-size: 30px;
border: none;
border-left: 1px solid #CE9C85;
}
a#navmainswitch:before {
content: "\e915";
}
.reacc a#navmainswitch:before {
content: "\ea40";
}
a#navmainswitch.close:before,
a#searchswitch.close:before {
content: "\e209";
font-size: 40px;
}
a#searchswitch:before {
content: "\e91e";
}
a#navmainswitch:hover:before,
a#searchswitch:hover:before,
#langnav a:hover {
opacity: .65;
}


.reacc #langnav {
flex: 0 0 auto;
width: 91px;
padding: 0 15px;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
border-left: 1px solid #CE9C85;
}

#langnav a {
font-size: 18px;
font-weight: 600;
color: #fff;
}









#navmain {
display: none;
padding: 40px 41px;
font-family: "Oswald";
font-size: 17px;
font-weight: 300;
line-height: 170%;
text-transform: uppercase;
color: #fff;
background-color: #9E3D13;
border-bottom: 1px solid #CE9C85;
}
#navmain .flex-container {
display: flex;
flex-flow: row wrap;
max-width: 100%;
}
#navmain .flex-container div {
flex: 0 1 20%;
padding: 0 20px;
min-width: 188px;
}

#navmain h4 {
margin: 0 0 1em;
padding-bottom: 5px;
font-size: 18px;
font-weight: 500;
border-bottom: 1px dotted #CE9C85;
}
#navmain p {
margin: .5em 0 0;
}
#navmain a {
color: #fff;
}
#navmain a:hover {
opacity: .75;
}





#search {
display: none;
background-color: #9E3D13;
border-bottom: 1px solid #CE9C85;
}
#searchcontainer {
width: 320px;
margin: 40px auto;
}
#search input,
#search button {
display: block;
float: left;
font-family: "Feuerfuchs";
font-size: 16px;
line-height: 46px;
border: 0;
padding: 0 15px;
width: 274px;
background-color: #f5f5f5;
}

#search button {
padding: 0;
width: 46px;
height: 46px;
font-family: "Icomoon" !important;
font-size: 23px;
line-height: 44px;
color: #fff;
text-align: center;
background-color: transparent;
border: 1px solid #CE9C85;
cursor: pointer;
}
#search button:hover,
button.newsearch:hover {
background-color: black;
}
button.newsearch:hover {
border-color: black;
}

#search button:before,
button.newsearch:before {
content: "\e90e";
}
button.newsearch {
border: 1px solid #9E3D13;
background-color: #9E3D13;
}


.searchfield {
display: table;
width: 100%;
max-width: 320px;
margin-bottom: 40px;
}
.input-holder,
.button-holder {
display: table-cell;
}
.button-holder {
width: 46px;
}

.inputbox_results {
display: block;
float: left;
width: 100%;
font-family: "Feuerfuchs";
font-size: 16px;
line-height: 44px;
padding: 0 14px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-right: none;
}
button.newsearch {
display: block;
float: left;
padding: 0;
width: 46px;
height: 46px;
font-family: "Icomoon" !important;
font-size: 23px;
line-height: 44px;
color: #fff;
text-align: center;
background-color: #9E3D13;
border: 1px solid #CE9C85;
cursor: pointer;
}



.searchres dd {
margin-bottom: 1em;
}

.form-limit {
margin-bottom: 2em;
}



.home main {
text-align: center;
line-height: normal;
}
.home .flex-container {
flex-flow: column nowrap;
font-family: "Oswald";
color: #fff;
}
.home .title {
margin-bottom: 20px;
font-size: 51px;
font-weight: 200;
line-height: 120%;
}
.home .subtitle {
font-size: 26px;
font-weight: 200;
margin: 0 0 2em;
}
.sitecontents nav {
display: flex;
flex-flow: row wrap;
}
.sitecontents nav p {
flex: 1 1 20%;
min-width: 152px;
margin: 0;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
border-right: 1px solid #CE9C85;
}
.sitecontents nav p:first-child {
border-left: 1px solid #CE9C85;
}


.home main nav a {
display: block;
}
.home main nav span {
display: block;
margin-bottom: 25px;
font-size: 40px;
text-align: center;
vertical-align: middle;
}

.studij:before,
.studij-ikona .chaptericon:before {
content: "\f19d";
}
.program:before,
.program-ikona .chaptericon:before {
content: "\e28e";
}
.moduli:before,
.moduli-ikona .chaptericon:before {
content: "\e92e";
}
.radovi:before,
.radovi-ikona .chaptericon:before {
content: "\e900";
}
.obavijesti:before,
.obavijesti-ikona .chaptericon:before {
content: "\e046";
}
.pretraga-ikona .chaptericon:before {
content: "\e91e";
font-size: .9em;
/*line-height: 50%;*/
}


h1 {
margin: 0 0 1.5em;
font-family: "Oswald";
font-size: 25px;
font-weight: 500;
line-height: 130%;
color: #9E3D13;
text-transform: uppercase;
}
.reacc h1 {
margin: 3em 0 1.5em;
color: #000;
padding-bottom: 5px;
border-bottom: 1px dotted #9E3D13;
}
.firstdiv h1 {
margin: 0 0 1.5em;
color: #000;
}

h2 {
margin: 2em 0 1em;
font-size: 20px;
}
h3 {
margin: 2em 0 1em;
font-size: 18px;
}
h4 {
margin: .5em 0;
}
h5 {
margin: .5em 0;
font-size: inherit;
text-transform: uppercase;
}

.shortlist {
margin: 0 0 2em 0;
padding: 20px;
background-color: #f5f5f5;
}
.shortlist p {
margin: .5em 0;
}
.shortlist h5 {
display: none;
}

.chaptericon {
font-size: 60px;
color: #dadada;
}


/*** page nav ***/

.pagenav {
margin-top: 4em;
font-family: "Oswald";
font-size: 15px;
font-weight: 500;
line-height: 130%;
text-transform: uppercase;
}
.pagenav div {
margin: 20px 0;
}

.pagenav a {
display: inline-block;
color: #000;
}
.pagenav a:hover {
color: #9E3D13;
}
.pagenav a:before {
display: inline-block;
width: 22px;
color: #9E3D13;
font-size: 16px;
vertical-align: bottom;
font-family: 'Icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pagenav .prevpage a:before {
content: "\ea40";
}
.pagenav .nextpage a:before {
content: "\ea3c";
}
.pagenav a:hover:before {
color: #000;
}
.pagenav a {
margin-left: 22px;
}
.pagenav a:before {
margin-left: -22px;
}


/*** end page nav ***/


.catnav {
font-family: "Oswald";
padding: 40px 41px;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
background: #f5f5f5;
}
.catnav h3 {
margin: 0 0 25px;
font-size: 17px;
font-weight: 500;
}
.columns {
margin: 0;
}

.columns ol,
.columns ul {
margin: 0;
padding: 0;
-webkit-perspective:1;
-webkit-columns: 5 240px;
-moz-columns: 5 240px;
columns: 5 240px;
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
list-style: decimal inside;
}
.columns ol li {
margin: 0 0 10px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.columns ol li a {
color: #000;
}
.columns ol li a:hover {
color: #9E3D13;
}
.columns ol li a.active {
color: #9E3D13;
}

ol.spaced li {
margin: 1em 0;
}
ol li ul {
list-style: disc;
}
.link_segment {
padding-top: .5em;
}


.twocols {
display: flex;
flex-flow: row wrap;
}
.twocols div {
flex: 1 1 50%;
min-width: 320px;
padding-right: 10px;
}
.twocols h2 {
font-family: "Oswald";
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 1em;
}
.twocols h3 {
font-family: "Oswald";
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
margin: 1em 0;
}

.spaced ul li {
margin: 0 0 .5em;
}



.clearfloats:after {
content: "";
display: table;
clear: both;
}


/*** tables ***/

table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #dadada;
padding: 10px;
vertical-align: top;
text-align: left;
}
th {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.regular th {
width: 37%;
}
.regular th:first-child {
width: 26%;
}
.regular.ects th, 
.regular.ects th:first-child {
width: auto;
}
.regular.ects th:nth-child(2) {
width: 115px;
} 

.regular.ects td:last-child {
width: 54px;
text-align: right;
}
.ects td:last-child,
.ects th:last-child {
width: 54px;
text-align: right;
}


.faux-th {
margin: 1em 0 0;
padding: 10px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #dadada;
border-bottom: none;
}

table p {
margin: 0;	
}

/*** end tables ***/






/*** blog ***/

.blogitem {
margin: 1.5em 0;
padding-bottom: 1.5em;
/*line-height: 140%;*/
border-bottom: 1px dotted #ccc;
}
.date {
display: inline-block;
padding: 6px 10px;
margin: 0;
font-size: 14px;
line-height: 14px;
font-weight: 700;
background-color: #eee;
border-radius: 3px;
}
.blogitem h2 a {
color: #000;
}
.date.heading {
margin: 0 0 1em;
}
.blogitem h2 a,
a.readmore {
color: #000;
}

.blogitem h2 a:hover,
a.readmore:hover {
color: #9E3D13;
}

.intro-body {
}
.linkwrap {
}
a.readmore {
display: inline-block;
font-family: "Oswald";
font-size: 15px;
font-weight: 300;
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
}
a.readmore:before {
content: "\ea3c";
font-family: "Icomoon" !important;
font-size: 16px;
color: #9E3D13;
padding-right: 4px;
vertical-align: bottom;
}
a.readmore:hover {
color: #9E3D13;
}
a.readmore:hover:before {
color: #000;
}


/*** end blog ***/





/*** pagination ***/

.pagination {
padding-top: 40px;
}


.pagination-list {
list-style: none;
margin: 0;
padding: 0;
}
.pagination li {
display: block;
float: left;
margin: 0 15px 15px 0;
}
.pagination a {
font-family: "Oswald";
font-size: 16px;
font-weight: 500;
color: #000;
width: 36px;
height: 36px;
float: left;
line-height: 33px;
text-align: center;
border: 2px solid #9E3D13;
border-radius: 18px;
}
.pagination .active a,
.pagination .active a:hover,
.pagination .disabled a,
.pagination .disabled a:hover {
color: #999;
border-color: #999;
background-color: transparent;}

li.start, li.end {
display: none;
}

.start a, .prev a, .next a, .end a {
font-family: "Icomoon" !important;
font-size: 18px;
}

.pagination a:hover {
color: #fff;
background-color: #9E3D13;
border-color: #9E3D13;
}

.start a:before {
content: "\e907";
}
.prev a:before {
content: "\e907";
}
.next a:before {
content: "\e908";
}
.end a:before {
content: "\e908";
}

/*** end pagination ***/








/******* to top *******/
.fixed {
display: none;
position: fixed;
width: 40px;
height: 40px;
bottom: 5px;
right: 5px;
z-index: 200;
}
a#to_top {
display: block;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px;
}
a#to_top:hover {
background-color: rgba(0, 0, 0, 1);
}
a#to_top:before {
content: "\ea3a";
font-size: 20px;
line-height: 40px;
}
/******* end to top *******/



















@media screen and (max-width: 1279px) {

.contentwrap {
padding: 0 20px;
}
#navmain {
padding: 30px 0;
}

}






@media screen and (max-width: 1239px) {

#navmain {
padding: 20px 0;
}
#navmain h4 {
margin: 0 0 15px;
}

#navmain .flex-container div {
flex: 1 1 50%;
padding: 20px;
}
.flex-container div.left {
flex: 0 1 280px;
}

.title span,
.subtitle span {
display: inline;
}

}









@media screen and (max-width: 1023px) {

.flex-container {
flex-flow: row wrap;
}
.flex-container div.left {
flex: 1 1 100%;
padding: 0 0 40px;
text-align: left;
border-right: none;
}
.flex-container div.right {
padding: 0;
}
.chaptericon {
margin: 20px 0;
line-height: 100%;
}
.flex-container nav ul li {
display: inline-block;
margin: 0 20px 15px 0;
}
.flex-container nav {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.home .flex-container nav {
margin-top: 0;
padding-top: 0;
border: none;
}
footer {
text-align: left;
}
.home footer {
text-align: center;
}

}










@media screen and (max-width: 799px) {

.home main {
align-items: flex-start;
justify-content: center:
}
.sitecontents nav p,
.sitecontents nav p:first-child {
border: none;
}
.sitecontents nav p {
margin: 1px;
padding: 30px 20px 20px;
background-color: #853310;
}
.home .title {
font-size: 45px;
}
.home .subtitle {
font-size: 22px;

}
.sitecontents nav {
display: flex;
flex-flow: row wrap;
}


}















@media screen and (max-width: 679px) {

#navmain {
padding: 10px 0;
}
#navmain .flex-container div {
flex: 1 1 100%;
padding: 10px 20px;
}
.twocols div:nth-of-type(2) h2 {
margin: 1em 0;
}
.catnav {
padding: 40px 20px;
}
#navmain h4 {
margin-top: 15px;
}


}











@media screen and (max-width: 524px) {

header {
height: 51px;
}
a#navmainswitch, a#searchswitch {
flex: 0 0 51px;
width: 51px;
height: 50px;
line-height: 50px;
font-size: 30px;
}
a#searchswitch {
font-size: 20px;
}
a#navmainswitch.close:before,
a#searchswitch.close:before {
font-size: 30px;
}
#searchcontainer {
width: 280px;
margin: 20px auto;
}
#search input {
width: 234px;
}
.searchfield {
max-width: 100%;
}

.result-text {
margin-left: 20px;
}
/*.contentwrap {
padding: 0 10px;
}*/
main {
padding: 40px 0;
}
.title {
font-size: 30px;
}
.subtitle {
font-size: 19px;
}
.home .subtitle {
margin-bottom: 30px;
}
.chaptericon {
font-size: 2.75em;
line-height: 80%;
}

.pagenav {
margin-top: 40px;
}
.shortlist {
padding: 10px;
}
ul {
margin: 0;
padding-left: 1em;
}
ol {
padding-left: 2em;
}






table,tbody,  tr, td {
display: block;
}
table {
border-bottom: 1px solid #f5f5f5;
}

tr {
padding: 5px 0;
}
tr:nth-child(even) {
background-color: #f5f5f5;
}
th, td {
border: none;
padding: 5px 10px;
}
.complex tr {
padding: 0;
}
.complex td {
padding: 5px 10px;
}

th, table tr:first-child {
display: none;
}
.regular tr td:first-child,
.bulk tr td:first-child {
font-weight: 700;
}

.regular.ects td:last-child {
width: 54px;
text-align: right;
}
.ects td:last-child,
.ects th:last-child {
width: 54px;
text-align: right;
}

.faux-th {
margin: 0;
padding: 12px 10px 8px;
color: #fff;
line-height: 100%;
background-color: #9E3D13;
}
.rowspan, .th-cell {
color: #fff;
background-color: #9E3D13;
}

.regular.ects.slim tr td:nth-child(2),
.regular.ects.slim tr td:last-child,
.complex.ects tr td:last-child {
width: 100%;
text-align: left;
}
.regular.ects.slim tr td:nth-child(2):before,
.bulk tr td:nth-child(2):before {
content: "Sati nastave: ";
}
.regular.ects.slim tr td:last-child:before,
.bulk tr td:last-child:before,
.complex.ects tr td:last-child:before {
content: "ECTS: ";
}


}








@media screen and (max-width: 479px) {

.home main {
padding: 40px 0;
}
.home .title {
font-size: 35px;
font-weight: 300;
}
.home .subtitle {
font-size: 20px;
font-weight: 300;
}
th, td, .faux-th {
padding: 5px;
/*font-size: 14px;
line-height: normal;*/
}

footer {
padding-right: 40px;
}
.home footer {
padding-left: 40px;
}


}















@media screen and (max-width: 400px) {

main {
padding: 30px 0;
}
.home .title {
font-size: 32px;
}
.home .subtitle {
font-size: 19px;
}
.title {
font-size: 24px;
font-weight: 400;
}
.subtitle {
font-size: 16px;
font-weight: 500;
}
.sitecontents nav {
font-size: 17px;
font-weight: 500;
}
.flex-container div.left {
padding: 0 0 30px;
}
.flex-container nav {
display: none;
}
.home .flex-container nav {
display: flex;
}
.chaptericon {
margin: 20px 0 0;
padding-bottom: 20px;
border-bottom: 1px solid #dadada;
}
h1 {
font-size: 20px;
}
.pagination {
padding-top: 20px;
}

}












@media screen and (max-width: 370px) {

.flex-container nav ul li {
margin-right: 10px;
}

}













@media screen and (max-width: 359px) {

.sitecontents nav p {
flex: 1 1 100%;
min-width: 0;
}

}