/*
* {
	border: 1px dotted #23FF00;
}
*/

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.pocitadlo {
	position: absolute;
	top: -20px;
	left: -100px;
}

body {
	background-color: #232323;
	color: #FFF;
	font-family: Bebas Neue;
}
a {
	color: white;
	text-decoration: none;
}

h1 {
	text-align: center;
	font-size: 50px;
}

.container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #AAA;
	margin: 0;
	background-image: url("../img/bg_sb.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.row {
	position: relative;
	width: 100%;
	background-color: #123456;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-image: url("../img/bg_sb.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.column {
	width: 100%;
	margin: auto;
}

.column-33 {
	width: 33%;
	
}

.column-66 {
	width: 66%;
	
}
.column-50 {
	width: 50%;
	
	/*height: 300px;*/
}
.column-empty {
	width: 100%;
	height: 50px;
}

.menu {
	width: 90%;
	height: 100px;
	margin: auto;
	text-align: center;
}

.info {
	background-color: rgb(200,200,200, 0.5);
	width: 80%;
	height: 300px;
	margin: auto;
	text-align: center;
	font-size: 40px;
	border-radius: 20px;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.info2 {
	background-color: rgb(200,200,200, 0.5);
	width: 80%;
	height: 300px;
	margin: auto;
	text-align: center;
	font-size: 30px;
	border-radius: 20px;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.info:hover {
	background-color: rgb(100,100,100, 0.3);
	text-shadow: 1px, 1px, 2px, #000;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.info2:hover {
	background-color: rgb(100,100,100, 0.3);
	text-shadow: 1px, 1px, 2px, #000;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.popis {
	background-color: rgb(200,200,200, 0.5);
	font-size: 30px;
	width: 80%;
	text-align: justify;
	margin-left: 50px;
	margin-right: 50px;
	border-radius: 10px;
	padding: 15px;
}

.odkaz {
	font-family: Oswald;
	padding: 20px;
	background-color: #232323;
	position: relative;
	top: 15%;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}

.odkaz:hover {
	background-color: #357f10;
	border-radius: 10px;
}

.tmm {
	font-family: Oswald;
	padding: 10px;
	font-size: 20px;
	background-color: #232323;
	position: relative;
	bottom: 20px;
	-webkit-transition: all 0.4s ease-in-out; 
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.tmm:hover {
	background-color: #357f10;
	border-radius: 10px;
}

.logo {
	position: relative;
	top: 0px;
	left: 25%;
	width: 50%;

}

@media only screen and (max-width:950px) {
	/* For tablets: */
	.row {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		}
	.column {
		width: 100%;
	}
	.column-33 {
		width: 100%;
	}
	.column-50 {
		width: 100%;
	}

}

@media only screen and (max-width:500px) {
	/* For mobiles: */
	.row {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.column {
		width: 100%;
	}
	.column-33 {
		width: 100%;

	}
	.column-50 {
		width: 100%;
	}
	.info {
		width: 100%;
	}
	.column-66 {
		width: 100%;

	}
	.column-empty {
		width: 100%;
		height: 0px;
	}
	.logo {
	width: 100%;
}
	.odkaz {
		font-size: 14px;
	}
	.popis {
	width: 93%;
	text-align: justify;
	display: flex;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px;
	float: left;

}
}