@media only screen and (min-width: 2000px) {}

@media only screen and (max-width: 1311px) {
	#proj-blurb {
		order: 2;
	}

	#proj-video {
		order: 1;
	}

	.project-text-block {
		padding: 30px 30px 65px 30px;
	}
}

@media only screen and (max-width: 1200px) {
	.word h1 {
		font-size: 56px;
	}

	#word1 {
		left: -266px;
	}

	#word2 {
		left: -73px;
	}

	#word3 {
		left: 79px;
	}

	#word4 {
		left: 170px;
	}

	#word5 {
		left: 220px;
	}
}

@media only screen and (min-width: 960px) {
	.rwlogo-mobile {
		display: none;
	}
}

@media only screen and (max-width: 960px) {
	.work-experience li {
		padding: 32px 0px;
	}

	.work-experience-list:hover {
		border-top-color   : rgba(127, 127, 127, 0);
		border-bottom-color: rgba(127, 127, 127, 0.2);
		background-color   : rgba(127, 127, 127, 0);
	}

	.work-experience-list .link {
		margin-right: 0px;
	}

	.work-experience-list:hover .link {
		margin-right: 0px;
	}

	p.subtext {
		padding-bottom: 10%;
	}

	.col-4 {
		width: 100%;
	}

	.project-item {
		width: 50%;
	}

	.intro-header {
		display: none;
	}

	.project-text {
		width         : 50%;
		padding       : 0 6%;
		position      : relative;
		padding-bottom: 58%;
	}

	.featured-project {
		margin-top: 4%;
	}

	.center-vert {
		width: 80%;
	}

	.language {
		padding-left  : 15%;
		width         : 100%;
		display       : unset;
		padding-bottom: 30px;
	}

	.intro-heading {
		padding-top   : 12%;
		padding-bottom: 0px;
		font-size     : 35px;
		line-height   : 43px;
		display       : inline-block;
	}

	.about_me {
		margin-top: 12%;
	}

	h2.about_me {
		font-size  : 35px;
		line-height: 43px;
	}

	.rwlogo {
		display: none;
	}


	.header.wrapper {
		display: none;
	}

	canvas {
		display   : none;
		/*z-index : -1;
		 position : absolute;
		top       : -740px;
		left      : -65%;
		transform : translate(50%, -50%); 
		opacity   : 0.6;*/
		/* filter : invert(80%);  */
	}

	.gradient-bg-static {
		background: rgb(255, 173, 246);
		background: linear-gradient(326deg, rgba(255, 173, 246, 1) 36%, rgba(138, 254, 249, 1) 68%);
	}
}

@media only screen and (min-width: 1366px) {
	.timemarker_hero_video {
		margin-top: -17%;
	}
}

@media only screen and (max-width: 680px) {
	.word h1 {
		font-size: 32px;
	}

	#word1 {
		top : -80px;
		left: -48px;
	}

	#word2 {
		top : -80px;
		left: 64px;
	}

	#word3 {
		top : -24px;
		left: -48px;
	}

	#word4 {
		top : -24px;
		left: 8px;
	}

	#word5 {
		top : -24px;
		left: 40px;
	}

	#theme_toggle {
		display: none;
	}

	.featured-project.unavailable {
		display: none;
	}

	.col.col-6 {
		width: 100%;
	}

	.ticker {
		font-size: 200px;
	}

	.featured-project {
		margin       : 0;
		margin-bottom: 60px
	}

	.project-image {
		width         : 100%;
		padding-bottom: 100%;
		margin        : 0;
	}

	.project-text {
		padding-left : 0;
		padding-right: 0;
		padding      : 0;
		width        : 100%;
		margin       : 0;
		margin-top   : 4%;
	}

	.project-text .center-vert {
		position : initial;
		transform: none;
		width    : 100%;
	}

	.centered-video {
		width: 400px;
	}

	a.project-link {
		display: none;
	}

	h1 {
		font-size: 40px;
	}

	.project-item {
		width: 100%;
	}

	.item-inner {
		padding: 0;
	}

	.header {
		position: absolute;
	}

	h2 {
		font-size: 32px;
	}

	#filter {
		display: none;
	}

	.pushdown {
		padding-top: 80px;
	}

	.spacer_3 {
		padding-bottom: 160px;
	}

	h1 {
		font-size: 32px;
	}

	.project_hero h1 {
		font-size: 48px;
	}

	.filterer h2,
	#answers {
		font-size: 24px;
	}

	.filterer {
		margin: 0;
	}

	#viewmore {
		margin-top: 0;
	}

	.nav-item {
		padding-right: 0px;
	}



	.video-block {
		/* width: -webkit-fill-available; */
		width: 100vw;
		width: -webkit-fill-available;
		width: fill-available;
	}

	/* 	.project-text-block {
		padding-top : 20px;
		padding-left: 0;
		width       : fit-content;
	} */
	.project-text-block {
		padding       : 0;
		padding-top   : 30px;
		padding-bottom: 90px;
		width         : 100vw;
		width         : -webkit-fill-available;
		width         : fill-available;
	}

	.intro-heading {
		max-width: 385px;
	}


	.hero_video video {
		margin-left: -80%;
	}


	.project_hero.timemarker {
		background         : url(../img/archive/project_timemarker@2x.jpg);
		background-size    : cover;
		background-position: center;
		height             : 0%;
	}
}