@media screen and (max-width: 950px) {
	.sticky .header-contact {
		display: none;
	}
	#main {
		max-width: 88vw !important;
		margin: 0vh 3vw 0 3vw !important;
		padding-top: 8vh !important;
	}
	#content {
		max-width: 88vw !important;
	}

	.logo {
		width: 45% !important;
		margin-top: 0.5em !important;
		margin-right: 1em;
		margin-left: 0.7em;
	}
	header {
		height: 48px !important;
	}

	#burger-menu {
		margin: 10px !important;
		height: 20px;
	}
	#menu a {
		display: block;
		font-size: 3em !important;
		line-height: 1.4em !important;
		margin-bottom: 10px !important;
		text-decoration: none;
		color: #333 !important;
	}
	#menu .contact-tag a {
		color: #fff !important;
		text-decoration: none;
		font-size: 1em !important;
		margin-bottom: 0px !important;
	}
	.modal-title {
		font-size: 2em !important;
		line-height: 1;
	}

	.carousel-inner {
		height: 200px !important;
	}
	.modal-content {
		left: 2vw !important;
		width: 90vw !important;
	}
	.blocintro {
		grid-template-columns: 95% !important;
	}
	h1 {
		font-size: 3em !important;
		text-shadow: -1px -1px 0 var(--thirdcolor), 1px -1px 0 #ffffffee,
			-1px 1px 0 #fff, 1px 1px 0 #fff;
		writing-mode: inherit !important;
		text-orientation: inherit !important;
		position: relative !important;
		left: 0px !important;
		margin-left: inherit !important;
		top: 0em !important;
		bottom: 0em !important;
		padding-bottom: 0.5em !important;
		padding-top: 0em !important;
		padding-top: 1em !important;
		padding-left: 0em !important;
		padding-right: 0.5em !important;
		margin-bottom: 0em !important;
	}
	h2 {
		margin-left: 0em !important;
		font-size: 2em !important;
		margin-top: 0.1em !important;
		margin-bottom: 0.4em !important;
	}

	.experiencedate {
		align-items: baseline !important;
	}
	.experiencedate h2 {
		border-right: none !important;
	}
	.blocintro .titleintro h2 {
		font-size: 2em !important;
	}

	.blocintro .introtext {
		padding: 0em 0em 1em 1em !important;
	}

	p {
		font-size: 1.2em !important;
	}
	.projectbloc {
		grid-template-columns: 95% !important;
	}
	.experiencecontainer {
		grid-template-columns: 95% !important;
	}
	#menu.overlay {
		right: 0px !important;
	}
}

@media screen and (min-width: 950px) and (max-width: 1400px) {
	.blocintro {
		grid-template-columns: 40% 70%;
	}
	.sticky .header-contact {
		display: none;
	}
}