@media screen and (max-width: 992px)
{
	header

	{
		height: 70px;

	}

	header img
	{
		padding-top: 6px;
	}

	header li
	{
		padding: 25px 10px 0 5px;
	}

	header li:hover
	{
		border: none;
		padding-top: 25px;
	}

	#banner 
	{
		margin-top: 70px;
		height: 400px;
		border: none;
	}
	#banner_elements
	{
	    height: 280px;
	    
	}

	#banner_description
	{
		padding-left: 50px;
		width: 60%;
		margin-top: inherit;
	}

	#info_button
	{
		width: 30%;
		font-size: 1em;
	}

	#left
	{
		display: none;
	}

	#right
	{
		display: none;
	}

	#line
	{
		display: none;
	}

	#servicesimg

	{
		width: 100%;
	}

	#services img
	{
		padding-left: 0;
	}

	#servicesimg
	{
		text-align: center;
	}

	#services_2
	{
		flex-direction: column;
	}

	#block_images
	{
	    display: flex;
	    justify-content: space-around;
	}

	.images

	{
		margin-bottom: 20px;
	}

	#block_images1, #block_images2
	{
	    flex-direction: column;
	    margin-bottom: 30px;
	}

	.projects_desription

	{
		display: block;
	}
}

@media screen and (max-width: 768px)
{
	header
	{
	    padding-bottom: 10px;
	    flex-direction: column;
	    align-items: center;

	}

	header li
	{
	    padding-top: 0;
	    padding-left: 5px;
	    

	}

	header li:hover
	{
	    padding-top: 0;
	    
	}

	header img
	{
		margin-left: -70px;
		margin-top: 20px;
	}

	#services h2, #block_nav h2
	{
	   	font-size: 2.8em; 
	   	margin-bottom: 35.5px; 
	} 

	#banner 
	{
		height: 240px;
	    border: none;
	}

	#banner_elements
	{
	    height: 240px; 
	    background-color: rgba(0,0,0, 0.4);
	}

	#banner_description
	{
	   	padding-left: 0;
	    width: 100%;
	    text-align: center;
	    align-self: baseline;
	}

	#banner_description h1
	{
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}

	#info_button
	{
	    margin: auto;
	    font-size: 0.9em;
	}

	#banner p
	{
	    width: 80%;
	    margin: auto;
	    padding-bottom: 20px;
	    	    
	}

	#servicesimg
	{
		display: none;
	}

	#block_images
	{
	    flex-direction: column;
	    align-items: center;
	}

	#block_images1, #block_images2
	{
	    margin-bottom: 0;
	}

	aside

	{
		margin-top: 20px;
		margin-left: 10px;
	}

	iframe
	{
	    display: none;
	}

	form
	{
	    position: relative;
	    top: 25px;
	    right: 0;
	    margin: auto;
	    padding-left: 10px;
	    width: 300px;
	}

	.field, textarea
	{
	    width: 280px;
	}

	#blue_layer
	{
	    display: none;
	}
}