@charset "utf-8";
/* SMALL SCREENS ------------------------------------------ */

@media screen and (max-width:859px){
	
#upperLeft {
	display: none;
}	
#lowerLeft {
	display: none;
}
.back {
	display: none;
}

body {
	background-image: url(../images/spacer.gif);
}
.wrapper {
	width: 90%;
	position: absolute;
	left: 5%;
	z-index: -20;
	top: 80px;
	padding-bottom: 40px;
}
}

@media screen and (max-width:575px){

#main img {
	text-align: center;
}
p.projects-tn {
	text-align: center;
	margin-bottom: 50px;
}
#projects img {
	margin-top: 20px
}
}



@media screen and (max-width: 400px) {
p, ul, ol, h2 {
	font-size: .9rem;
	line-height: 1.3rem;
}


}

/* PAGE SPECIFIC STYLES: FOR LOGOS (INDEX) PAGE ONLY ------------------------------------------ */

@media screen and (max-width:1024px){

#logosLarge {
	display: none;
}
#logosSmall p {
	text-align: center;
	margin-bottom: 70px;
}
#logosSmall h1 {
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}
}