/* MAIN ELEMENTS */

@font-face {
font-family: "PFDinTextCompPro-Bold";
src: url("fonts/PFDinTextCompPro-Bold.ttf");
}

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

html {
    font-family: 'Roboto', sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	max-width: 100%;
	overflow-x: hidden;
	background-color:#bfb6b7;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	background-color:#bfb6b7;
	background:url('img/pozadina.jpg');
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #2B3383;
	text-align: left;
	background-color: #fff;
	max-width: 100%;
	overflow-x: hidden;
}

[tabindex="-1"]:focus {
	outline: 0 !important;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-family: 'Roboto', sans-serif;
	color:#2B3383;
	font-weight:900
}

h1{
	font-size:24px;
}

h2{
	font-size:22px;
}

h3{
	font-size:18px;
}

p{
	margin-bottom:0px;
	margin-top:10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

abbr[title], abbr[data-original-title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

ol, ul, dl {
	margin-top: 0;
	margin-bottom: 0;
}

ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

b, strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

a {
	color: #05192F;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #0056b3;
	text-decoration: underline;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

pre, code, kbd, samp {
	font-family: "PFDinTextCompPro-Bold";
	font-size: 1em;
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}

figure {
	margin: 0 0 1rem;
}

img {
	vertical-align: middle;
	border-style: none;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: inherit;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

button {
	border-radius: 0;
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button, input {
	overflow: visible;
}

button, select {
	text-transform: none;
}

select {
	word-wrap: normal;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
	-webkit-appearance: listbox;
}

textarea {
	overflow: auto;
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

summary {
	display: list-item;
	cursor: pointer;
}

template {
	display: none;
}

[hidden] {
	display: none !important;
}

/* HEADER */


header{
	background:url('img/header.png');
	background-repeat:no-repeat;
	width:100%;
	height:150px;
}

header .logo{
	padding-top:30px;
}

header .logo img{
	width:373px;
	height:71px;
}


/*CONTAINER */

.container {
	width: 100%;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
}


/* HOMEPAGE */

.sve{
	position:relative;
	margin:0 auto;
	max-width:1920px;
}

.heading1{
	background:url('img/heading1.png');
	background-repeat:no-repeat;
	width:100%;
	height:215px;
	padding-top:60px;
	margin-top:40px;
}

.heading2{
	background:url('img/heading2.png');
	background-repeat:no-repeat;
	width:100%;
	height:216px;
	padding-top:20px;
}

.heading3{
	background:url('img/heading2.png');
	background-repeat:no-repeat;
	width:100%;
	height:216px;
	padding-top:20px;
}

.text1{
	margin-top:-60px;
	margin-bottom:60px;
}

.text1 p{
	margin-bottom:0px;
	margin-top:10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

.text2{
	margin-top:10px;
	margin-bottom:10px;
}

.text2 p{
	font-family: "PFDinTextCompPro-Bold";
	margin-bottom:0px;
	margin-top:0px;
	font-size: 18px;
	text-align:right;
}

.studenti{
	position:absolute;
	left:650px;
	top:40px;
	z-index:9;
	width:800px;
	height:auto;
}


.studenti img{
	width:100%;
}









/* PAGES */






/* FOOTER */


footer{
	background:url('img/footer.png');
	background-repeat:no-repeat;
	width:100%;
	height:280px;
}

footer p{
	color:#fff;
	margin-bottom:0px;
	font-size:16px;
}

.kontakt{
	padding-top:60px;
	float:left;
	width:30%
}

.telefoni{
	padding-top:160px;
	float:left;
	width:40%
}

.social{
	padding-top:200px;
	float:right;
	width:30%;
	text-align:right;
}

.social img{width:20%;}


/* MOBILE */

@media (max-width: 991px) {
	footer p{font-size:12px;}
	.telefoni{padding-top:142px;}
	.social{padding-top:172px;}
}


@media (max-width: 768px) {
	.text1{margin-top:-80px;margin-bottom:40px;}
	.kontakt{width:100%;padding-top:12px;}
	.telefoni{width:70%;padding-top:0px;}
	.social{width:30%;padding-top:40px;}

}

@media (max-width: 450px) {
	h1{font-size:22px;}
	header .logo img{width:100%;height:auto}
	.heading1{padding-top:30px;}
	.text1 p{font-size:16px;}
	.text2 p{text-align:left;}
	footer p{font-size:10px;}
	.kontakt{width:70%;padding-top:12px;}
	.telefoni{width:70%;padding-top:0px;}
	.social{width:30%;padding-top:0px;}
	.social img{width:30%;}
}