body {
	font-size: 100%;
	background-color: #f3f3f3;
	font-family: 'Roboto', sans-serif;

	height: 100%;
}

table, th, td {
   border: 1px solid black;
}

img {
	margin-bottom: 0.4em;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#bgVideo {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
	
	filter: saturate(45%);
	-o-filter: saturate(45%);
}

.navbar {
	background-color: white;
	margin: auto;
	width: 100%;
	border-radius: 0.2em;
	box-shadow: 0px 1px 5px grey;
	font-size: 1.2em;
}

.nav-item {
	text-align: center;
}

/* -- Scrollbar -- */
/* width */
::-webkit-scrollbar {
  width: 0.25em;
  height: 0.25em;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #616A6B; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #424949; 
}
/* -- Scrollbar END -- */

#main_container {
	width: 80em;
	margin: auto;
	height: auto;
	margin-top: 6em;
	opacity: 0.9;
}

#float_container {
	margin-top: 1em;
	border-radius: 0.2em;
	box-shadow: 0px 1px 5px grey;
	background: white;
	width: 100%;
	height: auto;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}


#carouselMojaControls {
	height: auto;
}

.slide_moje {
	height: 33em;
}


/* Mobile */

@media 
only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	#main_container {
		box-shadow: 0px 1px 5px grey;
		width: 100%;
		margin: auto;
		height: 100%;
		margin-top: 1em;
	}
	
	#float_container {
		border-radius: 0.2em;
		box-shadow: 0px 1px 5px grey;
		background: white;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	#carouselMojaControls {
		width: 100%;
	}

	.slide_moje {
		width: 100%;
	}
}