*{
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		
		body{
			 font-family: "Raleway", sans-serif;
			
		}
		
		h1,h2,h3,h4,h5,h6{
			font-family: "Bodoni Moda", serif;
		}
		nav{
			display: flex;
			height: 100px;
			flex-wrap: wrap-reverse;
		}
		ul{
			display: flex;
			align-items: center;
			width: 50%;
		}
		
		li{
			list-style-type: none;
			padding-left: 30px;
			
		}
		
		a{
			font-size: 20px;
			text-decoration: none;
			color: black;
		}
		
		.slika{
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(slike/hero.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 800px;
		}
		h1{
			text-align: center;
			color: white;
			font-size: 70px;
		}
		.p{
			color: white;
			font-size: 18px;
			text-align: center;
			padding-left: 33vw;
			padding-right: 33vw;
			margin-top: 30px;
			margin-top: 30px;
		}
		
		button{
			margin-top: 30px;
			height: 40px;
			width: 150px;
			background-color: #7C3E66;
			border: none;
			border-radius: 5px;
			color: white;
		}
		
		a:hover{
			color: #243A73;
		}
		
		button:hover{
			background-color: #243A73;
		}
		
		
		.kolumne3{
			width:100%;
			padding-left: 4vw;
			padding-right: 4vw;
			margin-top: 30px;
			
		}
		.kolumna{
			text-align: center;
			width:25%;
			float:left;
			padding:30px;
			
		}
		h2{
			font-size: 40px;
			text-align: center;
			
		}
		p{
			font-size: 18px;
			
		}
		.prvi{
			margin-top: 150px;
			
		}
		h3{
			font-size: 25px;
			margin-bottom: 30px;
			margin-top: 30px;
			color: #243A73;
			text-align: center;
		}
		.boja{
			background-color: #7C3E66;
			height: 150px;
			margin-top: 150px;
			margin-bottom: 150px;
			clear: both;
		}
		
		.p1{
			font-size: 18px;
			padding-left: 15vw;
			padding-right: 15vw;
		}
		.kolumne{
			display: flex;	
			margin-top: 20px;
			align-items: center;
			flex-wrap: wrap;
			
			
		}
		.logo{
			display: flex;
			align-items: center;
			justify-content: right;
			width: 50%;
			padding-right: 30px;
		}
		.venecia{
			width: 50%;
			text-align: center;
			float: left;
			
		}
		.venecia1{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
		.paragraf{
			padding-left: 2vw;
			padding-right: 2vw;
		}
		form{
			text-align: center;
			margin-bottom: 150px;
			margin-top: 20px;
		}
		.footer-line-container {
  			display: flex;
  			align-items: center;
			justify-content: center; 
				
		}
		.af{
			color: white;
			text-decoration: none;
		}

		.footer-line {
  			width:60%;
  			border: 2px solid white;
  			margin: 0;
   
		}
		.navf{
			height: 20vh;
			display: flex;
			justify-content: center;
			align-items: center;
			color: white;
			flex-wrap: wrap;
			width: 100%;
		}
		footer{
			
			background-color: #7C3E66;
		}
		.icon{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 20vh;
		}
		@media only screen and (max-width: 1320px) {
			.kolumna{
				width:50%;
				
			}
			.venecia{
				width: 100%;
				
			}
  
		}
		
		@media only screen and (max-width: 986px) {
			.kolumna{
				width: 100%;
				
			}
			.logo{
				width: 100%;
				justify-content: center;
			}
			ul{
				width: 100%;
			}
			nav{
				height: 250px;
			}
  
		}