@media screen and (max-width: 1220px)
{
	div.onepage-section .image-and-title h2.title-on-image
	{
		left: 70px;
		font-size: 60px;
	}
	
	div.onepage-section .onepage-section-content
	{
		max-width: 800px;
		padding-left: 70px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 1000px)
{
	div.onepage-section .image-and-title h2.title-on-image
	{
		left: 30px;
		font-size: 40px;
	}
	
	div.onepage-section .onepage-section-content
	{
		max-width: 800px;
		padding-left: 30px;
		padding-right: 20px;
	}
	
	#navigation-sidebar
	{
		width: 300px;

	}
	
	body.page-template-template-start2.elementor-page-86
	{
		padding: 0px 0px 0px 300px;
	}
	
	/*
	body.home .content 
	{
    	margin-left: 300px;
	}
	*/
	
}

@media screen and (max-width: 900px)
{
	.mobile-header
	{
		display: block;
	}
	#navigation-sidebar
	{
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: 0px;
		background: url('https://peckas.se/wp-content/uploads/2020/03/mobile-2.png') top center no-repeat #000000;
		background-color: white;
		border-bottom: 2px #6f8d50 solid;
		-webkit-box-shadow: inset 0px 0px 76px 34px rgba(0,0,0,0);
		-moz-box-shadow: inset 0px 0px 76px 34px rgba(0,0,0,0);
		box-shadow: inset 0px 0px 76px 34px rgba(0,0,0,0);
	}
	
	body.page-template-template-start2.elementor-page-86
	{
		padding: 0px 0px 0px 0px;
	}
	
	#navigation-sidebar #navigation-wrapper
	{
		display: none;
	}
	
	body.home .content 
	{
    	margin-left: 0px;
    	max-width: 100%;
    	
	}
	
	div.onepage-section .image-and-title h2.title-on-image
	{
		width: 100%;
		display: block;
		left: auto;
		font-size: 45px;
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		position: relative;
		color: #ffffff;
		text-shadow: none;
		padding-left: 0px;
		background-color: #000000;
		
		
		
	}
	
	div.onepage-section .image-and-title h2.title-on-image span
	{
		display: block;
		max-width: 640px;
		margin: 0 auto;
		padding: 10px 20px;
	}
	
	div.onepage-section .image-and-title .image-shadow
	{
		bottom: 0;
		top: 0;
		height: auto;
	}
	
	div.onepage-section h2.title-without-image
	{
		padding-left: 20px;
		max-width: 640px;
		margin: 5px auto;
	}
	
	div.onepage-section .onepage-section-content
	{
		max-width: 640px;
		margin: 0 auto;
		padding: 20px;
	}
}

@media screen and (max-width: 720px)
{
	div.onepage-section .onepage-section-content
	{
		padding: 20px 50px;
	}
	div.onepage-section .image-and-title h2.title-on-image
	{
		font-size: 36px;
	}
	div.onepage-section .image-and-title h2.title-on-image span
	{
		padding: 10px 10px 10px 50px;
	}
	
	div.onepage-section .image-and-title .image-shadow
	{
		display: none;
	}
}