@font-face {
    font-family: MyriadPro;
    src: url("fontovi/MyriadPro-Regular_0.otf") format("opentype");
}
@font-face {
    font-family: MyriadProBold;
    src: url("fontovi/MyriadPro-Bold_0.otf") format("opentype");
}
@font-face {
    font-family: MyriadProLight;
    src: url("fontovi/MyriadPro-Light_0.otf") format("opentype");
}

@supports (-webkit-touch-callout: none) {
		/* CSS specific to iOS devices */ 
		body{
			background-image: url("slike/pozadina_ios_glasanje.png");
			/*height: 1121px;*/
		}
}
@supports not (-webkit-touch-callout: none) {
		/* CSS for other than iOS devices */
		body{
			background-image: url("slike/pozadina_android_glasanje.png");
			/*height: 1000px;*/
		} 
}


@media only screen and (max-width:800px) {
	body{
		margin: 0px;
		padding: 0px;
		background-size: 100% auto;
		background-position: top;
		position: relative;
		height: calc(100vh - 70px);
	}
	.logo{
		padding-top: 20px;
		text-align: center;
	}
	.logo img{
		width: 131px;
	}
	.main_container img {
		width: 250px;
		margin-top: 20px;
	}
	.copyright{
		position: absolute;
		/*left: calc(50% - 84px);*/
		/*bottom: 25px;*/
		bottom: 0px;
		text-align: center;
		font-family: MyriadPro;
		font-size: 15px;
		color: white;
		width: 100%;
		z-index: -1;
	}
	.poruka{
		margin: 10px;
	}
}
@media only screen and (min-width:800px) {
	body{
		margin: 0px;
		padding: 0px;
		height: 100vh;
		background-image:
			url("slike/flasa_i_pisaca.png"),
			url("slike/flasa_i_pisaca.png"),
			url("slike/pozadina_glavna.png");

		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: auto 85vh, auto 85vh, 100% 100%;
		background-position: calc(-85vh / 3.6) 80px, right calc(-85vh / 3.6) top 80px, 0px 0px;
		position: relative;
	}
	.logo{
		position: absolute;
		/*top: 62px;*/
		top: calc(8% / 1.2);
		/*right: 115px;*/
		right: 6%;
	}

	.logo img{
		width: 11.415vw;
	}
	.main_container img {
		width: 25vw;
		margin-top: 5vh;
	}
	.copyright{
		position: absolute;
		bottom: 10px;
		text-align: center;
		font-family: MyriadPro;
		/*font-size: 20px;*/
		font-size: 1.04vw;
		color: white;
		/*width: 240px;*/
		width: 100%;
		z-index: -1;
	}
	.poruka{
		position: relative;
		top: calc(50vh - 50px);
	}
}

	
.main_container {
	margin: auto;
    width: calc(100% - 5px);
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.main_container div {
	flex: 0 0 auto;
	text-align: center;
}
		
.btn{
	margin-top: 10px;
}
.glasaj_btn {
	background-color: #035642;
	border-radius:30px;
	border:2px solid #035642;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:MyriadPro;
	font-size:26px;
	font-size:2.5vh;
	padding:10px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.glasaj_btn:hover {
	background-color:#047358;
}
.glasaj_btn:active {
	position:relative;
	top:1px;
}

.back_btn {
	background-color: transparent;
	border-radius:30px;
	border:2px solid white;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:MyriadPro;
	font-size:26px;
	font-size:2.5vh;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #662828;
}
.back_btn:hover {
	background-color:#cc1010;
}
.back_btn:active {
	position:relative;
	top:1px;
}
.poruka{
	font-family: MyriadPro;
	padding: 20px;
	border: 1px solid;
	border-radius:7px;
	background-color: rgba(100,100,100,0.18);
	color: white;
	font-size: 1.5em;
	align-self: center;
	/*margin-top: 100px;*/
}
.status_ikona_uspesno{
	text-shadow: 2px 3px 5px #383434;
	color: #238b23;
	font-size: 2.5em;
}
.status_ikona_greska{
	text-shadow: 2px 3px 5px #383434;
	color: #AA0000;
	font-size: 2.5em;
}
.uspesno{
	border-color: #238b23;
}
.greska{
	border-color: #AA0000;
}

.tabla_glasovi{
	margin-top: 50px;
	border: #ffffff;
	border-collapse: collapse;
	color: #ffffff;
	font-family: MyriadPro;
}