/********** Device Styles **********/

/* mobile device workaround*/ 

.is-mobile footer {display: none;}
.is-mobile #social {display: none;}
.is-mobile .nav {display: none;}
.is-mobile #wrapper {width: 92%;	margin-left: 4%;	margin-right: 4%;}
.is-mobile .container {width: 100%;}
.is-mobile header {font-size: 6.5vw;}
.is-mobile h1 {font-size: 120%;	font-weight: 700;	letter-spacing: 1px;}
.is-mobile h2 {font-size: 110%;}
.is-mobile h3{	font-size: 100%;}
.is-mobile .work-info {width: 100%;	margin-bottom:16px;}
.is-mobile .work-details{width: 100%;}
.is-mobile li.archived-project {font-size: 80%}
.is-mobile .indented{ margin-left:4%;	margin-right:4%; font-size: 70%;}
.is-mobile .splide__track { width: 80%;}
.is-mobile .archived-project { width: 90%; height: auto; margin: auto;}


/*screen size adjustments */

@media only screen and (min-width:1400px){
	.nav {padding-left: 250px;	padding-right: 250px;}
	.burger {display:none;}
	.mobile-nav {display:none;}
	.enter-button {display:none;}
	.splide__track { width: 90%;}
}

@media only screen and (min-width:1024px) and (max-width:1920px) {
	.burger {display:none;}
	.mobile-nav {display:none;}
	.enter-button {display:none;}
}


@media only screen and (min-width:768px) and (max-width:1023px) {
	.not-mobile .burger {display:none;}
	.not-mobile .mobile-nav {display:none;}
	.not-mobile .enter-button {display:none;}
	.not-mobile .indented {margin-left:10%;	margin-right:10%;}
	.not-mobile .work-info {width: 100%;	margin-bottom:16px;}
	.not-mobile .work-details{width: 100%;}


}

@media only screen and (min-width:664px) and (max-width:767px) {
	.not-mobile .burger {display:none;}
	.not-mobile .mobile-nav {display:none;}
	.not-mobile .enter-button {display:none;}
	.not-mobile .container {width: 90%;}
	.not-mobile .work-info {width: 100%;	margin-bottom:16px;}
	.not-mobile .work-details{width: 100%;}
	.not-mobile li.archived-project {font-size: 80%}
	.not-mobile .indented {margin-left:5%;	margin-right:5%;}
	.not-mobile .splide__track { width: 80%;}
	.not-mobile .archived-project { width: 90%; height: auto; margin: auto;}
}

	
@media only screen and (min-width:360px) and (max-width:663px) {
	footer {display: none;}
	#social {display: none;}
	.nav {display: none;}
	#wrapper {width: 92%;	margin-left: 4%;	margin-right: 4%;}
	.container {width: 100%;}
	header {font-size: 6.5vw;}
	h1 {font-size: 120%;	font-weight: 700;	letter-spacing: 1px;}
	h2 {font-size: 110%;}
	h3{	font-size: 100%;}
	.work-info {width: 100%;	margin-bottom:16px;}
	.work-details{width: 100%;}
	li.archived-project {font-size: 80%}
	.indented{ margin-left:4%;	margin-right:4%; font-size: 70%;}
	.splide__track { width: 70%;}
	.archived-project { width: 90%; height: auto; margin: auto;}
}

@media only screen and (min-width:100px) and (max-width:359px) {

	footer {display: none;}
	#social {display: none;}
	.nav {display: none;}	
	#wrapper{width: 92%;	margin-left: 4%;	margin-right: 4%;}
	.container {width: 100%;}
	header {font-size: 7vw;	text-align: center;	padding-top: 16px;}
	h1 {font-size: 100%;	font-weight: 700;	letter-spacing: 1px;}
	h2 {font-size: 100%;}
	h3 {font-size: 95%;}
	.work-info {width: 100%;	margin-bottom:16px;}
	.work-details{width: 100%;}
	.right_text {padding-top: 0;	font-size: 80%;	margin-left: 0;	margin-right: 0;	line-height: 1.5em;}
	.indented {margin-top:24px;	margin-bottom: 16px;	margin-left: 1%;	margin-right: 1%;	font-size: 70%;	line-height: 1.5em;}
	.left_text {font-size: 80%;	margin-left: 0;	margin-right: 0;	margin-bottom: 32px;}
	.left_text p {line-height: 1.5em;	padding-top: 8px;}
	.bottom-link {font-size: 100%;}
	li.archived-project {font-size: 80%}
	.splide__track { width: 70%;}
	.archived-project { width: 90%; height: auto; margin: auto;}
}