@media (max-width: 1920px){

}

@media only screen and (min-width: 746px){
	#mobile-header{
		display: none;
	}

	#mobile-footer{
		display: none;
	}

	.content-quote-mobile{
		display: none;
	}
}

@media only screen and (min-width: 856px){
	.mobileProjects{
		display: none;
	}
}


@media only screen and (max-width: 855px) {
	#desktop-header{
		display: none;
	}

	#mobile-header{
		display: block;
	}

	#desktop-footer{
		display: none;
	}

	#mobile-footer{
		display: block;
	}

	.content-quote{
		display: none;
	}

	.content-quote-mobile{
		display: block;
	}

	.quote-header{
		font-size: 3.4em;
	}

	#quote-mobile, #author-mobile{
		font-size: 2.4em;
	}

	.projects{
		display: none;
	}

	.mobileProjects{
		display: block;
	}
	.leftright, .rightleft{
		margin-top: 20px;
	}

	.close{
		margin-top: 45px;
	}

	#contactTitle{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1680px){
	.thumbTitle{
		font-size: 1.4em;
	}

	.thumbDesc{
		font-size: 0.9em;
	}

	.linkWrapper{
		margin-top: 26%;
	}
}

@media only screen and (max-width: 1640px){
	.right-nav li{
		padding-left: 23px;
	}
}

@media only screen and (max-width: 1580px){
	.right-nav li{
		padding-left: 23px;
	}

	.nextProjectTitle{
		font-size: 4.5em;
	}
}


@media only screen and (max-width: 1480px){
	.nextProjectTitle{
		font-size: 4.0em;
	}

}


@media only screen and (max-width: 1400px){
	.thumbTitle{
		font-size: 1.3em;
	}

	.thumbDesc{
		font-size: 0.8em;
	}

	.linkWrapper{
		margin-top: 30%;
	}

	.imgArrows{
		margin-left: 50.5%;
	}
}

@media only screen and (max-width: 1260px){
	.nextProjectTitle{
		font-size: 3.5em;
	}
	.imgArrows{
		margin-top: -5%;
		margin-left: 49.5%;
	}

}

@media only screen and (max-width: 1250px){
	.thumbTitle{
		font-size: 1.2em;
	}

	.thumbDesc{
		font-size: 0.7em;
	}
}

@media only screen and (max-width: 1150px){
	.thumbTitle{
		font-size: 1.1em;
	}

	.imgArrows{
		margin-left: 48.5%;
	}

}

@media only screen and (max-width: 1100px){
	.nextProjectTitle{
		font-size: 3.0em;
	}

	.project_pic{
		width: 198%;
	}

	.pInfo{
		font-size: 0.9em;

	}
	.pName{
		font-size: 1.8em;
	}

}


@media only screen and (max-width: 1050px){
	.linkWrapper{
		margin-top: 40%;
	}
}


@media only screen and (max-width: 950px){
	.thumbTitle{
		font-size: 1.05em;
	}
	.imgArrows{
		margin-top: -6%;
		margin-left: 47%;
	}
}

@media only screen and (max-width: 940px){
	.nextProjectTitle{
		font-size: 2.5em;
	}

}

@media only screen and (max-width: 1200px){
	.quote-header{
		font-size: 4.5em;
	}

	#quote, #author{
		font-size: 3em;
	}

	.quote-section{
		margin-top: -40px;
	}
}

@media only screen and (max-width: 1100px){
	#top-name{
		font-size: .9em;
		letter-spacing: .2em;
	}
}

@media only screen and (max-width: 890px){
	#top-name{
		font-size: .85em;
		letter-spacing: .15em;
	}

	.infoTitle{
		font-size: 1.4em;
	}

	.proj_info{
		font-size: 1em;
	}
}

/* MOBILE VIEW */
@media only screen and (max-width: 855px){
	.quote-header{
		font-size: 4.2em;
	}

	#quote, #author{
		font-size: 2.7em;
	}

	#page-wrap{
		margin-top: -40px;
	}

	#contactBox #page-wrap #contact-area label{
		font-size: 1em;
	}

	#contactBox #page-wrap #contact-area textarea{
		height: 100px;
	}

	#contactTitle{
		font-size: 2em;
	}

	.content{
		width: 90%;
	}

	.nextProjectTitle{
		font-size: 4.0em;
	}
	.imgArrows{
		margin-top: -7%;
		margin-left: 75%;
	}

	.project_content{
		margin-top: 600px;
	}

	.archives{
		flex-direction: column;
		width: 100%;
	}

	.archive_thumbWrapper{
		width: 100%;
		padding-top: 50%;
	}

	.archiveDescWrapper{
		margin-top: -28%;
	}

	.descWrapper{
		margin-top: 5%;
	}

	.project_header{
		font-size: 2em;
	}

	.project_title{
		font-size: 3.7em;
	}
	.project_description{
		font-size: 1.7em;
	}
}


@media only screen and (max-width: 780px){
	.imgArrows{
		margin-left: 73%;
	}

	.proj_info{
		font-size: 0.9em;
	}

	.infoTitle{
		font-size: 1.3em;
	}
}

@media only screen and (max-width: 690px){
	.nextProjectTitle{
		font-size: 3.5em;
	}

	.arrow{
		border-width: 0 15px 15px 0;
		padding: 15px;
	}

	.arrow:hover{
		border: solid var(--hoverColor);
		border-width: 0 15px 15px 0;
  		display: inline-block;
  		padding: 15px;
	}

	.imgArrows{
		margin-top: -8%;
		margin-left: 72%;
	}

	.rightArrow, .leftArrow{
		border-color: var(--navColor);
		border-width: 0 10px 10px 0;
  		padding: 10px;
	}

	.rightArrow:hover, .leftArrow:hover{
		border-width: 0 10px 10px 0;
  		padding: 10px;
	}

	.nextLink .nextArrow{
		margin-top: 35%;
		margin-left: 30%;
	}

	.descWrapper{
		margin-top: 28%;
	}
}

@media only screen and (max-width: 745px){
	.quote-header{
		font-size: 4.0em;
	}

	#quote-mobile, #author-mobile{
		font-size: 2.3em;
	}

	#contactBox{
		width: 100%;
	}
}

/* video Arrows */

@media (max-width: 855px) {
	.vidArrows {
		position:relative;
		margin: 0 auto;
		width:150px;
	}
	.vidLeftArrow{
		left: 0;
		top: -25px;
	}

	.vidRightArrow {
		right: 0;
		top: -25px;
	}

	.vidRightArrow, .vidLeftArrow{
	border-width: 0 9px 9px 0;
  	padding: 9px;
	}

.vidLeftArrow:hover, .vidRightArrow:hover{
	border-width: 0 9px 9px 0;
  	padding: 9px;
	}
}

@media only screen and (max-width: 620px){
	.imgArrows{
		margin-left: 70%;
	}
	.project_pic{
		width: 230%;
	}
}

@media only screen and (max-width: 655px){
	.pName{
		font-size: 1.6em;
	}
}

@media only screen and (max-width: 605px){
	.nextProjectTitle{
		font-size: 3em;
	}
}

@media only screen and (max-width: 575px){
	.quote-header{
		font-size: 3.9em;
	}

	#quote-mobile, #author-mobile{
		font-size: 2.1em;
	}
	.imgArrows{
		margin-top: -9%;
		margin-left: 68%;
	}
	.project_pic{
		width: 240%;
	}

}

@media only screen and (max-width: 550px){
	.nextLink .nextArrow{
		display: none;
	}

	.nextProject{
		margin-left: 5%;
	}
}

@media only screen and (max-width: 520px){
	.quote-header{
		font-size: 3.8em;
	}

	#quote-mobile, #author-mobile{
		font-size: 2.0em;
	}

	.imgArrows{
		margin-top: -10%;
		margin-left: 67%;
	}

	.project_content{
		margin-top: 500px;
	}
}

@media only screen and (max-width: 500px){
	.quote-header{
		font-size: 3.7em;
	}

	#quote-mobile, #author-mobile{
		font-size: 1.9em;
	}

	.imgArrows{
		margin-top: -11%;
		margin-left: 66%;
	}
}

@media only screen and (max-width: 485px){
	.quote-header{
		font-size: 3.6em;
	}

	#quote-mobile, #author-mobile{
		font-size: 1.8em;
	}

	.imgArrows{
		margin-top: -12%;
		margin-left: 62%;
	}
	.personaInfo2{
		display: none;
	}
	.personaInfo{
		margin-left: 30%;
	}
	.personaPic{
		width: 200%;
	}

}

@media only screen and (max-width: 480px){
	.quote-header{
		font-size: 3.3em;
	}

	#quote-mobile, #author-mobile{
		font-size: 1.7em;
	}

	#close-button{
		margin-left: 76%;
	}
}

@media only screen and (max-width: 435px){
	.project_pic{
		width: 300%;
	}

}

@media only screen and (max-width: 400px){
	.thumbTitleMobile{
		font-size: 1.5em;
	}

	.thumbDescMobile{
		font-size: 0.9em;
	}

	#center-link{
		padding-left: 30px;
		padding-right: 30px;
	}

	.quote-header{
		font-size: 2.3em;
	}

	#quote-mobile, #author-mobile{
		font-size: 1.3em;
	}

	.copyright-mobile{
		font-size: 0.9em;
	}

	.project_title{
		font-size: 2.5em;
		letter-spacing: 0.1em
	}
	.project_description{
		font-size: 1.3em;
		margin-top: -24px;
	}
	.project_pic{
		height: 600px;
		width: auto;
		margin-top: 15%;
	}

	.project_header{
		font-size: 1.6em;
	}

	.upNext{
		font-size: 1em;
	}

	.nextProjectTitle{
		font-size: 2.3em;
	}

	.socialLinks .nextList{
		padding-left: 10px;
	}
	.socialLinks li{
		font-size: 1.1em;
	}

	.socialLinks{
		text-align: center;
	}

	.imgArrows{
		margin-top: -12%;
		margin-left: 60%;
	}
}

@media(max-width: 365px){
	.imgArrows{
		margin-top: -15%;
		margin-left: 52%;
	}

	.resume_link{
		margin-left: 180px;
	}

}