@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_android.png");
			background-position: center bottom;
			background-size: 100% 100%;
			height: 1000px;
		}
}
@supports not (-webkit-touch-callout: none) {
		/* CSS for other than iOS devices */
		body{
			background-image: url("slike/pozadina_android.png");
			background-position: center bottom;
			background-size: 100% 100%;
			height: 1000px;
		} 
}


@media only screen and (max-width:800px) {
	body{
		margin: 0px;
		padding: 0px;
		/*background-size: 100% 100%;*/
		background-position: center bottom;
		position: relative;
	}

	.logo{
		padding-top: 20px;
		text-align: center;
	}
	.logo img{
		width: 131px;
	}

	h1{
		text-align: center;
		font-family: MyriadProBold;
		color: white;
		/*font-size: 60px;*/
		font-size: 30px;
		margin: 0px;
		/*padding-top: 62px;*/
		padding-top: 10px;
		/*padding-bottom: 90px;*/
		padding-bottom: 10px;
	}
	.glavni_tekst{
		text-align: center;
		font-family: MyriadProLight;
		/*font-size: 28px;*/
		font-size: 17px;
		color: white;
	}
	.copyright{
		position: absolute;
		/*left: calc(50% - 84px);*/
		/*bottom: 25px;*/
		bottom: 15px;
		text-align: center;
		font-family: MyriadPro;
		font-size: 15px;
		color: white;
		width: 100%;
		z-index: -1;
	}
  	.posteri_slider{ 
  		width: 95%; 
  		max-width: 95%;
  		margin-left: auto;
  		margin-right: auto;
  		margin-top: 10px; 
 	}
 	.posteri_slider .slide{	
 	  	margin: 0px 5px 0px 5px;
 	  	/*background-color: rgb(220 0 2 / 25%);*/
 	}
 	.posteri_slider .slide img{
 	  	width: 150px;
 	  	margin-left: auto;
	  	margin-right: auto;
 	}
 	.posteri_slider .naziv_filma{
		font-family: MyriadPro;
		text-align: center;
		color: white;
		font-size: 16px;
		margin-top: 5px;
	}
}

/* Desktop and above */
@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;
	}

	h1{
		text-align: center;
		font-family: MyriadProBold;
		color: white;
		/*font-size: 60px;*/
		font-size: 3.12vw;
		margin: 0px;
		/*padding-top: 62px;*/
		padding-top: 3.22vw;
		/*padding-bottom: 90px;*/
		padding-bottom: 4.68vw;
	}

	.glavni_tekst{
		text-align: center;
		font-family: MyriadProLight;
		/*font-size: 28px;*/
		font-size: 1.456vw;
		color: white;
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.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;
	}

	.posteri_slider{
	  	/*max-width: 1240px;*/
	  	max-width: 64.48vw;
	  	margin-left: auto;
	  	margin-right: auto;
	  	/*margin-top: 95px;*/
	  	margin-top: 4.94vw;
	}
	.posteri_slider .slide{	
	 	 margin: 0px 0.26vw 0px 0.26vw;
	 	 /*background-color: rgb(220 0 2 / 25%);*/
	}
	.posteri_slider .slide img{
	  	width: 14.82vw;
	  	margin-left: auto;
	  	margin-right: auto;
	}
	.posteri_slider .naziv_filma{
		font-family: MyriadPro;
		text-align: center;
		color: white;
		font-size: 20px;
		font-size: 1.1vw;
		margin-top: 5px;
	}
}

.link_za_glasanje {
		text-decoration: none !important;
		text-align: center; 
 }

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    /*width: 40px;*/
    width: 2.08vw;
    /*height: 40px;*/
     width: 2.08vw;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -55px;
}
[dir='rtl'] .slick-prev
{
    right: -55px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -55px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -55px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}


/*.frame { width: 1240px; height: 460px; padding: 0; margin: 0 auto; }
.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame .slidee li { float: left; margin: 0 5px 5px 0; padding: 0; width: 285px; height: 100%; color: white; border: 1ps solid white;}
*/