@media (max-width: 1300px) {
	.filter {
		button {
			margin-right: 36.5%;
			bottom: 4.5rem;
		}
		
		.filter_count_dot {
			bottom: 5rem;
		}
	}
	
	.overlay {
		padding-bottom: 25em;
	}
}




@media (max-width: 800px){
	
	html, body, footer {
		font-size: 2vw;
	}
	
	footer {
		height: 10vw;
	
	}
	
	
	.header_container_login {
		padding-left: 10em;
		padding-right: 10em;
	}

	
	.navi {
		padding-left: 5em;
		padding-right: 5em;
	}
	
	.user_account {
		left: 2em;
	}
	
	.search_bar{
		.button_search {
			input {
				font-size: 1em;
			}
		}
	}
	
	.filter {
		button {
			height: 1.25em;
			margin-right: 20%;
		}
		
		.filter_count_dot {
			left: 2em;
		}
	}
	
	.overlay {
		justify-content: center;
		padding-right: 0;
		
	}
	
	.filter-box {
		width: 50em;
		
		p {
		 margin-bottom: 3em;
		}
		
		select {
			width: 20em;
			font-size: 1em;
			margin-top: 0.5em;
			margin-bottom: 1em;
		}
		
		input[type="submit"] {
			font-size: 1em;
		}
	}
	
	.table_container {
	
		
		
		td {
			ul {
				li {
					margin-bottom: 2em;
				}
			}
		}
	}
	
	.add_contract_container {
		padding-left: 5em;
		padding-right: 5em;
		
		form {
			input[type="text"], select {
				font-size: 1em;
				width: 15em;
			}
			
			input[type="file"] {
				font-size: 1em;
			}
			
			textarea {
				font-size: 1em;
			}
			
			.date_field {
				input {
					width: 4.5em;
				}
			}
		}
	}
	
	.button_submit {
		font-size: 1em;
	}
}