@media (max-width: 768px) {

	.navbar {
		padding: 20px;
	}

	.menu-icon {
		display: flex;
		color: #f8f9fa;
	}

	.logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.logo img {
		width: 110px;
		margin-left: 0;
	}

	.nav-links {
		display: none;
	}

	/*---------HEADER---------*/

	.header {
		flex-direction: column;
		background-size: auto;
	}

	.in-image{
		margin-top: 30px;
	}

	.in-image h1 {
		font-size: 60px;
		text-align: center;
	}

	.header-card {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/*---------FOOTER---------*/

	.footer {
		flex-direction: column;
		align-items: center;
	}

	.footer img {
		margin-top: 15px;
		margin-bottom: 12px;
		float: none;
	}

	.footer-txt {
		float: none;
		text-align: center;
	}


}