html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

html,
body {
	width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
	color: rgb(86, 86, 86);
	font-size: 18px;
	line-height: 1.5;
	}
		
::selection {
	background: rgb(172, 172, 172);
	color: white;}
::-moz-selection {
	background: rgb(172, 172, 172);
	color: white;}

h1 {font-family: 'Lato', sans-serif; font-size:1.5em; font-weight:900; margin-bottom: 0.75em; margin-top: 0; text-transform: uppercase; color: rgb(255, 165, 30);}

.container {max-width: 1020px;
padding: 0 75px 0 75px;}

.bottompad {padding-bottom: 7em;}

#pomoc {display: none}
#kontakt {display: none}

/* TOP BAR */
.gradient {
	height: 1em;
	background-image: linear-gradient(to right, rgb(255, 177, 30) , rgb(255, 230, 0));
}
.gradientmargins {background: linear-gradient(to right, rgb(255, 177, 30) 50%, rgb(255, 230, 0) 0%);}

/* NAV LINKS */
.nav-link {
	font-size:0.9444em;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	padding: 0.833333em 1.18em 0 0;
}
.nav>li>a, .nav>li>a:focus{
	color: rgb(86, 86, 86);
	-webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.nav>li>a:hover {
	color: rgb(255, 165, 30);
	-webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

/* LOGO */
.logo {
	width: 13.33333333333em;
	padding: 3.3333em 0 3.8888em 0;
	float: right;
	}

/* EMAIL LINK*/
.email {
	color: rgb(86,86,86);
	-webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;}
.email:focus, .email:hover {
	color: rgb(255, 165, 30);
	text-decoration: none;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-ms-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;}	
		
/* LEFT COLUMN */	
.leftcolumn	{
	max-width: 290px;
	}	

.verticaloffset {
	position: absolute;
	top: -4.166666666666em;
	}

.photo {width: 240px;}

.bar {max-width: 240px;}

.photomobile {
	display: none;}

.kontaktmobile {
	display: none;}



/* @MEDIA */	 
@media (max-width: 909.98px){ 
	.leftcolumn	{display: none;}
	.container {max-width: 730px;}
	.photomobile {
		display: block;
		float: left;
		margin: 1% 4% 2% 0;
		max-width: 25%;
		min-width: 100px;}
	.photo2 {max-width: 100%;}	
	.bar {width: 100%}	
	.kontaktmobile {
		display: block;
		margin-bottom: 2em;}
} 
	
@media (max-width: 745.98px){
	.container {
		max-width: 730px;
		padding: 0 9% 0 9%}
} 

@media (min-width: 630px) and (max-width: 909.98px){ 
		body {font-size: 16px;}	
} 

@media (max-width: 629.98px){ 
	.container {
		padding: 0 7% 0 7%}
	body {font-size: 15px;}	
} 

@media (max-width: 499.98px){ 
	.logo {float: left;}
	.bottompad {padding-bottom: 4em;}
}