/* Glavni logo */

.logo-1-div {
	margin: 0.1em;
	padding: 0.1em;
}

@media all and (min-width: 1em) {
	.logo-1-img {
		width: 15em;
	}
}

@media all and (min-width: 50em) {
	.logo-1-img {
		width: 30%;
	}
}

.logo-napis {
	color: gray;
	padding-left: 0.5em;
}
	
@media all and (min-width: 45em) {
	.logo-napis {
		padding-right: 1em;
		float: right;
		margin-top: -2em;
	}
}

/* Navbar */

.ui-navbar li .ui-btn {
	font-size: 16px;
}

.ui-navbar {
	margin-left: 0.1em;
	margin-right: 0.1em;
}

@media all and (max-width: 80em) { 
	.ui-grid-b > .ui-block-a {
		width: 28%;
	}
	
	.ui-grid-b > .ui-block-b {
		width: 40%;
	}
	
	.ui-grid-b > .ui-block-c {
		width: 32%;
	}
}

@media all and (max-width: 24em) { 
	.ui-grid-b > .ui-block-a, .ui-grid-b > .ui-block-b, .ui-grid-b > .ui-block-c,
	.ui-grid-c > .ui-block-a, .ui-grid-c > .ui-block-b, .ui-grid-c > .ui-block-c, .ui-grid-c > .ui-block-d {
		width: 50%;
	}
}

/* Noga */
.ui-footer .ui-title {
	white-space: normal;
	color: grey;
	font-weight: normal;
	font-size: 14px;
}

/* Vsebina */

@media all and (max-width: 30em) { 
	.doma-href-img {
		width: 100%;
		
	}
}

h1, h2, h3 {
	color: #221e1f;
}


.divVEniVrsti div {
	margin-right: 0.3em;
	display: inline-block;
}


/* */
.noscript {
	background: #113542;
	border-radius: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: white;
	text-align:center;
	border: 6px solid orange;
	box-shadow: 0 0 30px orange;
	margin: 30px;
	padding: 20px;
}

#metulj {
	transform: rotate(-14deg);
	-ms-transform: rotate(-14deg);
	-webkit-transform: rotate(-14deg);
}

#metulj:hover
{
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	-o-transition-duration: 1.8s;
	transition-duration: 1.8s;
	
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg); 
	-o-transform:rotate(360deg);
}