/*********** The start of the revolution ***********/

body {
	
	display: block;
	margin: auto;
	background-color: #ffffff;
	

}
header {
	text-align: left;
	
}

html {
	scroll-behavior: smooth;
  }

h1 {
	font-family: 'Jost', sans-serif;
	font-size: 60px;
  }

h3 {
	font-family: 'Jost', sans-serif;
	font-size: 30px;
  }

/*********** NAV bar list item ***********/



nav {
	display: inline-flex;
	margin: auto;
	font-family: 'Playfair Display', serif;
}

nav ul {
    list-style-type: none;
    overflow: hidden;
	background-color: #ffffff;
}

nav li {
    float: left;
	color: white; 
	font-family: 'Jost', sans-serif;
}

nav li a {
    display: block;
    color: #4494A6;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav li a:hover:not(.active) {
    background-color: #A7EBF2;
    color: #2B678C;
}
nav li a:not(.active) {
    background-color: #ffffff;
    color: #2B678C;
}

nav li a.active {
    color: white;
    background-color: #00BD9D;
}


#vsebina1 {
	width: 1500px;
	height: 840px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	color: #5CBEE0;
	display: flex; 
}

#vsebina1 li {
	list-style-type: none;
	font-size: 20px;
    animation-name: example;
    animation-duration: 5s;
}


#vsebina2 {
	width: 1500px;
	height: 250px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #F2F2F2;
	background-color: #2B678C;
}
#vsebina2 li {
	list-style-type: none;
	font-size: 20px;
   
}

/****RAZDELILNI ELEMENT****/
#pravokotniknula {
	width: 0;
	height: 0;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
	border-top: 0px solid transparent;
	border-right: 1500px solid #2B678C;
	border-bottom: 50px solid transparent;
}

/****NAPIS NAŠ SERVIS ****/

#vsebina3 {
	width: 1500px;
	height: 100px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
}

/****RAZDELILNI ELEMENT****/
#pravokotnik {
	width: 0;
	height: 0;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
	border-top: 50px solid transparent;
	border-left: 1500px solid #2B678C;
	border-bottom: 0px solid transparent;
}


/****KAJ DELAMO****/

#vsebina4:hover:not(.active) {
    background-color: #F5E663;
    color: #2B678C;
}
#vsebina4:not(.active) {
    background-color: #2B678C;
    color: #ffffff;
}

#vsebina4.active {
    color: white;
    background-color: #F5E663;
}

#vsebina5:hover:not(.active) {
    background-color: #F5E663;
    color: #2B678C;
}
#vsebina5:not(.active) {
    background-color: #2B678C;
    color: #ffffff;
}

#vsebina5.active {
    color: white;
    background-color: #00BD9D;
}

#vsebina4 {
	width: 1500px;
	height: 200px;
	font-family: 'Jost', sans-serif;
	display: flex;
	margin: auto;
	color: white;
	background-color: #2B678C;
	border-bottom: 3px solid #2B678C;
}
#vsebina4 li {
	list-style-type: none;
	font-size: 20px;
}

#vsebina5 {
	width: 1500px;
	height: 200px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex; 
	color: #4494A6;
	background-color: #2B678C;
	border-bottom: 3px solid #2B678C;
}

#vsebina5 li {
	list-style-type: none;
	font-size: 20px;
}

/****RAZDELILNI ELEMENT****/

#pravokotnik1 {
	width: 0;
	height: 0;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
	border-top: 0px solid transparent;
	border-left: 1500px solid #2B678C;
	border-bottom: 50px solid transparent;
}

#vsebina9 {
	width: 1500px;
	height: 400px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex; 
	color: #5CBEE0;
	background-color: #4494A6;
}

#vsebina9 li {
	list-style-type: none;
	font-size: 35px;
	padding-top: 100px;
}
/****LOKACIJA****/

#pravokotnik2 {
	width: 0;
	height: 0;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
	border-top: 50px solid transparent;
	border-right: 1500px solid #2B678C;
	border-bottom: 0px solid transparent;
}

#vsebina6 {
	width: 1500px;
	height: 339px;
	font-family: 'Jost', sans-serif;
	display: flex;
	margin: auto;
	color: white;
	background-color: #2B678C;
	
}

/****RAZDALJE****/

#razdalje {
	width: 1500px;
	height: 50px;
	font-family: 'Jost', sans-serif;
	display: flex;
	margin-bottom: 30px;
	margin: auto;
	color: white;
	background-color: #2B678C;
}


#razdalje:hover:not(.active) {
    background-color: #F5E663;
    color: #4494A6;
}
#razdalje:not(.active) {
    background-color: #2B678C;
    color: #ffffff;
}

#razdalje.active {
    color: white;
    background-color: #F5E663;
}

#pravokotnik3 {
	width: 0;
	height: 0;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex;
	color: #2B678C;
	background-color: white;
	text-align: center;
	border-top: 0px solid transparent;
	border-left: 1500px solid #2B678C;
	border-bottom: 50px solid transparent;
	margin-bottom: 50px;
}


/****LUKA****/

#luka {
	width: 1500px;
	height: 500px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	display: flex; 
	color: #4494A6;
	background-color: white;
	margin-bottom: 50px;
}

#vsebina5 li {
	list-style-type: none;
	font-size: 20px;
}

/****LUKA KONEC****/


#vsebina6 li {
	list-style-type: none;
	font-size: 20px;
}

#vsebina7 {
	width: 1500px;
	height: 450px; 
	color: white;
	margin: auto;
	background-image: url("ymmd.png");
	background-repeat: no-repeat;
    background-size: 100% 100%;
}

#vsebinav {
	width: 1500px;
	height: 100px; 
	color: white;
	margin: auto;
}


#kontakti {
	width: 1500px;
	height: 300px;
	margin: auto;
	font-family: 'Jost', sans-serif;
	color: white;
	display: flex;
	background-color: #4494A6;
}

#kontakti li {
	list-style-type: none;
}


/*********** Footer ***********/