@media (max-width:1200px){

	#wrapper {
		width:800px;
		height:502px;
	}

	.logo {
		width:45px;
		height:45px;
	}

	.nametitle {
		font-size:5em;
		margin-top:2rem;
	}

	.description {
		font-size:1.1em;
	}

	/*project css*/

	.projectcontent {
		width:750px;
	}

	.projectcontent2 {
		width:750px;
	}

	.jumptolink {
		font-size:0.9em;
	}

	.jumptolink.extra {
		margin-top:0.8rem;
		display:inline-block;
	}

	h1, h2, h3 {
		font-size:2.5em;
		text-align:center;
	}

	p, ul, {
		font-size:1.15em;
	}

	/*about page*/

	.aboutcontent {
		width:750px;
	}

}

@media (max-width:1024px) and (max-height:1366px) {
	.namewrapper {
		top:20%;
	}
}

@media (max-width:850px){

	#topbgcolor {
		height:40%;
	}

	#wrapper {
		margin-top:7.8rem;
		width:500px;
		height:600px;
	}

	#wrapper.index {
		border:1px solid #A2AEB1;
	}

	.fullimage {
		display:none;
	}

	.image2 {
		display:block;
	}

	.namewrapper {
		top:50%;
	}

	.nametitle {
		font-size:4.7em;
	}

	.description {
		margin-top:-1.5rem;
		font-size:1em;
	}

	.topbarleft {
		width:50%;
	}

	.topbarmiddle {
		width:50%;
	}

	.topbarright {
		display:none;
	}

	.topbarinnerpic {
		width:50%;
	}

	.blue1, .blue2, .blue3 {
		display:none;
	}

	.blue1half, .blue2half {
		display:inline;
	}

	.indexnav {
		margin-top:8vh;
	}

	/*project css*/

	.projectcontent {
		width:100%;
	}

	.projectcontent2 {
		width:100%;
	}

	.pcontent {
		width:90%;
		margin:auto;
	}

	/*about page*/

	.aboutcontent {
		width:90%;
	}

}

@media (max-width:715px){

	a.footerbutton, a.footerbutton:visited, a.footerbutton:active{
		color:white;
		font-weight:400;
	}

	a.footerbutton:hover {
		color:#656B76;
	}

	.footerbutton {
		display:block;
		width:100%;
		border:none;
		border-bottom:1px solid black;
		font-size:0.9em;
	}

	.footerbutton:hover {
		background-color:transparent;
	}

	.reefborder {
		border:none;
	}

	.footer {
		height:auto;
		padding:0.5em;
	}

	/*project css*/

	.navigation {
		word-spacing:3rem;
	}

	.logo2 {
		width:30px;
		height:30px;
	}
	.caption span.projecttitle2 {
		padding:0rem;
		padding-left:4rem;
		padding-right:6.7rem;
		font-size:2em;
		letter-spacing:10px;
	}

	/*about page*/

	.aboutcaption{
		width:440px;
		padding:2.2rem;
		font-size:1.8em;
	}
}

@media (max-width:510px){

	/*project css*/

	.navigation {
		font-size:1.2em;
	}

	/*about page*/

	.aboutcaption{
		width:370px;
		padding:2rem;
		font-size:1.5em;
	}
}

@media (max-width:425px){

	.headerimage{
	height:20%;
	width:auto;
	max-width:100%;
	z-index:-1;
}

	ul.sublist {
		font-size:1em;
	}

	.h3spacing {
		margin-top:6rem;
	}

	.pspacing {
		margin-top:3rem;
	}

	#topbgcolor {
		height:0%;
	}

	.logonav {
		margin:auto;
		padding:2rem;
		background-color:#76898D;
	}

	.logo {
		display:block;
		margin:auto;
		float:none;
		width:45px;
		height:45px;
	}

	#wrapper {
		margin-top:-1.5rem;
		width:100%;
		height:300px;
		text-align:center;
	}

	#wrapper.index {
		border:none;
	}

	.nametitle {
		margin:auto;
		font-size:3.5em;
		letter-spacing:1px;
	}

	.description {
		margin-top:0.5rem;
		font-size:0.8em;
	}

	.topbarouter {
		height:45%;
	}

	.topbarinner {
		height:55%;
	}

	.topbarleft {
		width:50%;
	}

	.topbarmiddle {
		width:50%;
		background-color:#6198A4;
	}

	.topbarinnerpic {
		width:100%;
	}

	.blue1half, .blue2half {
		display:none;
	}

	.bluewhole {
		display:block;
	}

	.regularnav {
		display:none;
	}

	.mobiletopnav {
		display:block;
		margin-top:6.5rem;
		height:10rem;
		z-index:100;
	}

	.indexnav {
		margin-top:0rem;
		margin-bottom:0;
		font-size:1.3em;
		padding:0.7rem;
		background-color:#1A1D24;
		border-bottom:1px solid black;
		z-index:100;
	}



	.col-1of3.indexcol {
		width:100%;
		padding:0;
	}

	.about, .contact {
		float:none;
	}

	/*project css*/

	.projectimagesdouble, .projectimagesdoublereef, .projectimagestriple {
		width:100%;
		margin-bottom:0;
	}

	.regularprojecttopnav {
		display:none;
	}

	.mobileprojecttopnav {
		display:block;
		margin-top:0rem;
		height:7rem;
	}

	.projectnav {
		font-family:dolcevita;
		letter-spacing:0;
		text-align:center;
		margin-top:0rem;
		margin-bottom:0;
		font-size:1.1em;
		padding:0.5rem;
		background-color:#1A1D24;
		border-bottom:1px solid black;
	}

	.projectlogonav {
		margin:auto;
		margin-top:0;
		padding:0.7rem;
		
	}

	.logo2 {
		float:none;
		margin:auto;
		display:block;
	}

	.arrow {
		margin-top:4vh;
		padding:0.8rem;
		border-right: 4px solid #111; 
		border-bottom: 4px solid #111;
		width: 20px; height: 20px;
		opacity:0.3;
	}



	.projectcontent.first{
		padding-top:80vh;
		padding-bottom:0rem;
	}

	.projectcontent {
		padding-bottom:0rem;
	}

	.projectcontentbg {
		margin-right:-1rem;
	}

	.projectcontent2bg{
		padding-top:1em;
		padding-bottom:7rem;
	}

	.caption span.projecttitle {
		background-color:#111;
		color:#fff;
		padding:2rem;
		font-size:1.5em;
		letter-spacing:10px;
		opacity:0.6;
	}

	.caption span.projecttitle2 {
		padding:0rem;
		padding-left:4rem;
		padding-right:6rem;
		font-size:1.5em;
		letter-spacing:7px;
	}

	.jumptolink, .jumptolink.extra {
		display:block;
		margin-bottom:0.1rem;
	}

	.jumptolink.extra {
		margin-top:0rem;
	}

	.footer {
		padding-top:1rem;
	}

	.footerleft, .footerright {
		display:none;
	}

	.islabluebgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.resetbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.pastellebgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.rosydaysbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.thegamerbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.personalbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.landsurebgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.reefbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.plasmaticbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	.plasmaticgraphicsbgwrapper1 {
		height: calc(100% - 11rem);
		margin-top:-1rem;
	}

	/*about page*/

	.aboutcontent {
		padding-top:8vh;
	}

	.aboutcaption{
		width:90%;
		margin-bottom:4rem;
		padding:2rem;
		font-size:1.5em;
		letter-spacing:7px;
	}
}