@media screen and (max-width: 1440px) {
	.caseOverlay .caseContent {
		padding: 60px 10%;
	}
}

@media screen and (max-width: 1439px) {
	#header {padding: 10px 0px;}
	#name {font-size: 16px;}
	#mainNav {
		bottom: 40px;
	}
	nav.contentActive li {
		font-size: 55px;
	}	
	.overlay {
		bottom: 90px;
		top: 52px;
	}
	.caseOverlay {
		bottom: 90px;
		top: 52px;
	}
}

@media screen and (max-width: 1280px) {
	.caseOverlay .caseContent {
		padding: 60px;
	}
}

@media screen and (max-width: 1140px) {
	.overlay {left: 20px; right: 20px; bottom: 80px;}
	.caseOverlay {left: 20px; right: 20px; bottom: 80px;}
	.contentContainer {padding: 60px 10px;}
	nav.contentActive li {font-size: 45px;}
}

@media screen and (max-width: 1100px) {
	.wrapper {padding: 0px 20px;}
	.wrapper-half {width: 75%; max-width: 75%;}
	.wrapper-3_4 {width: 100%;}
	#bioPic {width: 175px; height: 175px;}
}

@media screen and (max-width: 1024px) {
	.overlay {overflow:scroll; -webkit-overflow-scrolling: touch;}
	.caseOverlay {overflow:scroll; -webkit-overflow-scrolling: touch;}
}

@media screen and (max-width: 980px) {
	.skills .row.XL div {padding: 12px;}
	.skills .row.LG div {padding: 9px 9px;}
	.skills .row.MD div {padding: 6px 9px;}
	.skills .row.SM div {padding: 3px 9px;}
	.wrapper-half {width: 100%; max-width: 100%;}
	#ajax-contact .col {padding-right: 20px; margin-bottom: 0px; padding-bottom: 0px;}
	#ajax-contact .row {margin-bottom: 10px;}
	#ajax-contact .col-4 {width: 100%;}
	#ajax-contact .col-3_4 {width: 100%;}
	#contactForm {margin-bottom: 20px;}
}

@media screen and (max-width: 979px) {
	.col {padding: 20px 0px; margin-bottom: 40px;}
	.col-2 {width: 100%;}
	.likes {text-align: left;}
	.interests .col:first-child {border: none;}
	.interests h2 i {display: none;}
	.portfolio li {
		width: 300px;
		height: 165px;
	}
	.likes li:after {display: none;}
	.likes li:before {
		color: #75c489;
		content: "";
		display: inline-block;
		font-family: "Ionicons";
		margin-right: 10px;
	}
}

@media screen and (max-width: 600px) {
	#mainNav {bottom: 30px;}
	nav.contentActive {transform: translateY(30px)}
	.Collage img {height: 100px;}
	.interests {font-size: .8em;}
	nav a {padding: 5px 15px;}
	.caseOverlay .caseContent {
		padding: 60px 40px 60px 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.contentContainer {padding: 30px 10px;}
}

@media screen and (max-width: 479px) {
	#header {margin-top: 10px;}
	#header.contentActive {transform: translateY(-10px);}
	#header #name {font-size: 16px;}
	#mainNav {bottom: 9px;}
	nav.contentActive {transform: translateY(10px);}
	nav.contentActive li {font-size: 35px;}
	nav li i {transition: all .25s ease; -webkit-transition: all .25s ease;}
	nav.contentActive li i {opacity: 0; width: 0px; height: 0px;}
	nav li {font-size: 35px;}
	nav a {padding: 5px 10px;}
	nav .navDesc {font-size: 14px;}
	.overlay {bottom: 40px;}
	.caseOverlay {bottom: 40px;}
	.exitOverlay {font-size: 15px; padding: 0px 5px;}
	.caseClose {font-size: 15px; padding: 0px 5px;}
	.Collage img {height: 75px;}	
	.portfolio li {padding: 10px; width: 210px; height: 116px;}
	.portfolio li .more:after {font-size: 20px; line-height: 10px;}
	.contentContainer .wrapper {padding: 0px 10px 0px 0px;}
	.event {font-size: .7em; padding-left: 22px;}
	.event:before {font-size: 26px; left: -23px;}
	.skills .row.XL div {padding: 8px;}
	.skills .row.LG div {padding: 5px 9px;}
	.skills .row.MD div {padding: 3px 9px;}
	.skills .row.SM div {padding: 1px 9px;}
	.goals {font-size: .8em;}
	#bioRow h2 {line-height: 20px;}
	#bioRow h2 small {font-size: .5em;}
}

@media screen and (max-width: 400px) {
	.Collage img {height: 75px;}	
	.rc-anchor-normal {width: 230px !important;}
}