/* 4K */
@media screen and (min-width:2500px){
	#introduction-text{
		font-size:30px;
		margin-left:150px;
		margin-right:150px;
		margin-top:25vh;
	}
	/* Kontakt */
	#visiting-card{
		margin-top:15vh;
	}
}
/* Počítače */
@media screen and (min-width:1400px) and (max-width:2500px){
	/* Úvod */
	#introduction-text{
		font-size:30px;
		margin-left:150px;
		margin-right:150px;
		margin-top:25vh;
	}
	/* Kontakt */
	#visiting-card{
		margin-top:15vh;
	}
}
/* Notebooky */
@media screen and (min-width:900px) and (max-width:1400px){
	/* Úvod */
	#introduction-text{
		margin-left:100px;
		margin-right:100px;
		margin-top:25vh;
	}
	/* Kontakt */
	#visiting-card{
		margin-top:15vh;
	}
}
/* Tablety */
@media screen and (min-width:430px) and (max-width:900px){
	/* Menu */
	nav li{
		display:none;
	}
	#logo{
		width:180px;
		margin:10px;
	}
	#menu-button{
		display:block;
		margin:5px;
	}
	/* Úvod */
	#introduction-text{
		margin-left:40px;
		margin-right:40px;
		margin-top:40vh;
	}
	/* Kontakt */
	#visiting-card{
		margin-top:25vh;
	}
}
/* Mobily */
@media screen and (max-width:430px){
	/* Menu */
	nav li{
		display:none;
	}
	#logo{
		width:180px;
		margin:10px;
	}
	#menu-button{
		display:block;
		margin:5px;
	}
	/* Úvod */
	#introduction-img{
		display:none;
	}
	#introduction-text{
		margin-left:30px;
		margin-right:30px;
		margin-top:40vh;
	}
	#introduction h1{
		font-size:35px;
	}
	#introduction h2{
		font-size:1.6em;
	}
	#introduction{
		background-image:url("../images/the_moon_high.jpg") !important;
	}
	/* Kontakt */
	#profile-photo{
		width:40% !important;
	}
	#social-sites img{
		width:20%;
	}
	#contact h1{
		font-size:30px;
	}
	#contact h2{
		font-size:20px;
	}
	#visiting-card{
		margin-top:25vh;
	}
	/* Sekce */
	#about-me,#offer{
		padding-left:25px;
		padding-right:25px;
	}
	#about-me p,#offer p{
		font-size:13px;
	}
	/* Patička */
	footer em{
		font-size:13px;
	}
}
@media screen and (max-width:320px){
		#introduction-text{
		margin-left:10px;
		margin-right:10px;
	}
}