@font-face {
	font-family:'Nexa';
	src: url('NexaRegular_gdi.eot');
	src: url('NexaRegular_gdi.eot?#iefix') format('embedded-opentype'),
		url('NexaRegular_gdi.woff') format('woff'),
		url('NexaRegular_gdi.ttf') format('truetype'),
		url('NexaRegular_gdi.svg#NexaRegular-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Nexa';
	src: url('NexaBlack_gdi.eot');
	src: url('NexaBlack_gdi.eot?#iefix') format('embedded-opentype'),
		url('NexaBlack_gdi.woff') format('woff'),
		url('NexaBlack_gdi.ttf') format('truetype'),
		url('NexaBlack_gdi.svg#NexaBlack-Regular') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

body{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-family: Ubuntu, sans-serif;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Nexa', sans-serif;
}

h1 {
	color: #7dc142;
	text-transform: uppercase;
	font-size: 2rem;
	padding: 0px;
	margin: 0px 0px 15px;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	line-height: 1.56rem;
}

.container {
	width: 70%;
	margin: 0px auto;
	position: relative;
}

.navbar {
	text-align: right;
	width: 100%;
	height: 60px;
	z-index: 10;
	position: fixed;
	top: 0px;
	left: 0px;
    background-color: whitesmoke;
	no-repeat top center fixed;
	background-size: cover;
	text-transform: uppercase;
	text-decoration: none;
}

.logo{
    max-height: 40px;
    float: left;
    margin: 10px 0px 0px 60px;
    
}

#main-navigation{
    float: right;
    padding-right: 40px;
    height: 60px;
    margin-right: 0px;
    background-color: #7dc142;
    }

#main-navigation ul {
	list-style-type: none;
    padding-top: px;
    }

#main-navigation li {
    float: right;
    margin-right: 50px;
    
}

 #main-navigation a{
    color: whitesmoke;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif; font-weight: 800;
     font-size: 18px;
}

#main-navigation a:hover{
    color: black;
    text-decoration: none;
    color
}

.top{
    height: 60px;
}

.cover {margin:0px;
	width: 100%;
	height: 920px;
	background: url('../images/header_bg2.gif') no-repeat top center fixed;
    background-size: cover;}

.cover h1{
    display: block;
    color: whitesmoke;
    font-family: 'Open Sans';
    font-weight: 900;
    font-size: 65px;
    float: left;
    padding-top: 130px;
    margin-left: 50px;
    text-shadow: #7dc142 0 0 10px, #7dc142 0 0 20px, #7dc142 0 0 30px;
    }

.limenka{
    display:inline-block;
    width: 100%;
    margin-left: 50px;
    margin-top: 20px;
    }


#onama {
	padding: 60px 0px 60px 0px;
	background: url('../images/onama_bg.jpg') no-repeat top center fixed;
	background-size: cover;
    		}
#onama p{
    color: white;
}

#drinks {
	padding: 45px 0px 30px;
	background:  url('../images/drinks_bg.jpg') no-repeat top center fixed;
	background-size: cover;
		}

#drinks h1 {
	font-size: 2rem;
	padding: 0 0 15px 0px;
    color: black
    }


.half {
	display: inline-block;
    width: 49%;
	margin-bottom: 90px;
    font-weight: bolder;
}
.half1{
    display: inline-block;
    width: 49%;
	margin-bottom: 90px;
    font-weight: bolder;
    }

.half img{
    width: 100%;
    height: auto;
}
.half1 img{
    width: 100%;
    height: auto;
}

.parallax {margin:0px;
	width: 100%;
	height: 600px;
	background: url('../images/parallax_bg.jpg') no-repeat top center fixed;
    background-size: auto;
}

.parallax h1 {
    font-family: 'Open Sans';
    font-weight: 900;
    color: white;
	font-size: 4.5rem;
    float: right;
    text-align: right;
	padding: 20px 40px 450px 30px;
    margin: 0px 0px 0px 0px;
    text-shadow: #7dc142 0 0 10px, #7dc142 0 0 20px, #7dc142 0 0 30px;   
    }

#reklama {
    background-color: whitesmoke;
    padding: 60px 0px 150px;
    }

#reklama h1 {
	font-size: 2rem;
	padding: 0 0 15px 0px;
    }

.poravnanje_vid {
	width: 100%;
    margin-right: 0px;
    margin-bottom: 60px;
	}

.poravnanje_text {
	margin-top: 20px;
	width: 100%;
    
    text-align: left;
}

.wrapper {
	position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom:56.25%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left:0px;
    overflow: hidden;
}


#kontakt {
    padding: 60px 0px 150px;
    background-color: whitesmoke;
    }

#kontakt h1 {
	font-size: 2rem;
	padding: 0 0 15px 0px;
    }

#tim {
    padding: 60px 0px 150px;
    background-color: black;
    }

.four{
	display: inline-block;
    width: 24%;
    margin: 90px 0px 0px 0px;
}

.four img{
    width: 80%;
    height: auto;
}

#kontakt p{
    color:black;
    text-align: left;
   }

.copy p {
    color: black;
    font-size: 0.7rem;
text-align: center;}




@media (max-width: 1137px){
    
        
    #main-navigation{
    background-color: whitesmoke;
    }
	
	#main-navigation ul {
	  display:block;
		width: 220px;
		height: 30px;
		position:fixed;
		top: -15px;
		right: 10px;
		background: transparent url(../images/menu-icon.png) 90% 10px no-repeat;
        overflow:hidden;
		background-size: 20%;
		cursor: pointer;
		padding: 10px;
		transition: height 1s ease;
	}

#main-navigation ul.otvorena {
	    height: 250px;
	}
    
#main-navigation li {
		display: block;
		width: 100%;
        overflow:visible;
        background-color: black;
		border-radius: 0px;
		margin-top: 5px;
        
		box-shadow: 2px 2px 3px greenyellow;
	}
    
#main-navigation li:first-child {
		margin-top: 60px;
	}
	#main-navigation a {
		margin: 0;
		padding: .5em;
		text-align: left;
	}
    
#main-navigation a:hover {
		text-decoration-color: aquamarine;
	}
    
.cover {margin:0px;
	width: 100%;
	height: 920px;
	background: url('../images/header_bg_small.gif') no-repeat top center fixed;
    background-position: 80% 0;
    background-size: cover;
    }  
    
 .four{
	display: inline-block;
    width: 49%;
    margin: 90px 00px 0px 0px;
	}

.four img{
    width: 80%;
    height: auto;
}
    
    
 .half{
    margin: 0px 0px 200px 0px;
    width: 100%;
    }
    
 .half1{
    margin: 0px 0px 0px 0px;
    width: 100%;
    }
    
.half img{
    width: 100%;
    
}
}


@media only screen and (max-width: 910px) {


    
.container{width: 95%;}
    
    
 .half{
    margin: 0px 0px 100px 0px;
    width: 100%;
    }
    
 .half1{
    margin: 0px 0px 0px 0px;
    width: 100%;
    }
    
.half img{
    width: 100%;
    
}
}

@media only screen and (max-width: 650px) {
    
    .cover h1{font-size:3.5rem;
    margin-top: -60px;
}
    .limenka img{
    max-height: 350px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 410px) {
    .cover {margin:0px;
	width: 100%;
	height: 860px;
	background: url('../images/header_bg_static.jpg') no-repeat top center fixed;
    background-position: 70% 0;
    background-size: cover;
    }  
    .parallax h1 {font-size: 3.5rem;}
    .logo {
        padding-left: 0px;
        margin-left: 5px;
	}
    .cover h1{font-size:3rem;
    margin-left: 20px;}
    .limenka img{margin-left: 0px;
        padding-left: 0;
    max-height: 300px;
    
    }
}