/*responsywność*/

@media all and (max-width: 1300px) {
	main{
		padding: 30px !important;
		width: calc(100% - 60px) !important;
	}
	.content{
		padding: 15px !important;
		width: calc(100% - 60px) !important;
	}
}

@media all and (max-width: 830px) {
	body{
		font-size: 16px !important;
	}
	#header_title{
		font-size: 4em !important;
	}
	#header_description{
		font-size: 1.5em !important;
	}
	
	#tematy > a {
    	width: 250px !important;
	}
	
	img.temat-img {
    	width: 250px !important;
    	height: 250px !important;
	}
	
	
}

@media all and (max-width: 730px) {
	.content{
		margin-top: 25px !important;
	}
	#content_title{
		font-size: 2em !important;
	}
	main{
		padding: 15px !important;
		width: calc(100% - 30px) !important;	
	}
	
	#tematy > a {
    	width: 200px !important;
	}
	
	img.temat-img {
    	width: 200px !important;
    	height: 200px !important;
	}
}
	
@media all and (max-width: 620px) {
	#header_title{
		font-size: 3em !important;
	}
	#header_description{
		font-size: 1.33em !important;
		letter-spacing: 3px !important;
	}
	#social_items{
		right: calc(50% - 100px) !important;
	}
	main{
		padding: 10px 0px 30px 0px !important;
		width: 100% !important;
	}
	.youtube {
		margin: auto !important;
		width: 300px !important;
		height: 165px !important;
	}
}
	
@media all and (max-width: 550px){
	nav{
		font-size: 0.95em !important;
	}
	
	#content_title{
		font-size: 1.66em !important;
	}
	.menu-item{
		width: 100% !important;
		display: block !important;
	}
}
	
@media all and (max-width: 509px){
	#header_title{
		font-size: 2em !important;
	}
	
	#header_description {
		font-size: 0.9em !important;
	}
	#toutorial_links {
		font-size: 0.8em !important;
	}
	
	.lesson-topic {
		font-size: 0.8em !important;
	}
}