/*zmenši písmo o 50 procent*/
@media screen and (max-width: 774px) {
	body{
		font-size:50%;
	}
}
/*upraví #left a divy kolem něho po posunutí dolů*/
@media screen and (max-width: 535px) {
	#right{
	padding-top:0;
	margin-top:0;
	}
	#middle{
	margin: 10px 0 0 0 ;
	}
	#left{
	margin: 10px 10px 0 10px;
	} 
}
/*obrázek a video posune do středu a upraví velikost*/
@media screen and (max-width: 1134px) {
	#obrazek{
	width:50%;
	margin-left:24%;
	}
	#video{
		width:50%;
		margin-left:24%;
	}
}
/*při nejmenších velikostech okna roztáhne ještě víc video a obrázek a upraví dosazení do středu*/
@media screen and (max-width: 647px) {
	#obrazek, #video{
		margin-left:9.5%;
		width:80%;
		padding:0;
	}
}
/*zvětšení obrátku a videa při malé velikosti obrazovky na plnou šířku*/
@media screen and (max-width: 450px) {
	#obrazek, #video{
		width:100%;
		padding:0;
		margin:0;
		margin-bottom:10px;
	}
}