/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 1100px) {

header {
padding:30px 0px;
margin: 0px auto;
background:url(../img/subtle-pat7.png) #fafafa repeat;
}

h3, h3 a, h3 a:hover{
font-size: 1.25em; /* 20 / 16 */
}
	
		
}/*end media query*/



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

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: right;
/*        width: 38%; */
    }


#jesse, #jesse a{
font-size: 1.3em;
}

h1 {
	text-align: left;
	margin: 0px auto 20px;
	width: 80%;
	font-size: 1.75em;
}

figure {
    width: 95%;
    margin: 0px auto 45px;
    float: none;
}

#home{
width: 100%;
margin: 0px auto -50px;
padding: 30px 0px 170px;
clear: both;
background:url(../img/OutstandingInMyField-6.jpg) no-repeat top center #ffffff;
}

#hi{
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
width: 300px;
height: 75px;
padding-top: 45px;
margin: 0px auto 20px;
}

.welcome {
	width: 90%;
	margin: 0 auto;
	font-size: 1.5em;
}

#work-single{
margin: 0px auto;
clear: both;
}

#work-images{
width: 97%;
margin:0 auto;
float: none;
}

	.medium-img{
		float: none;
		width: 100%;
		margin: 0px auto;
	}

	.small-img{
		display: none;
	}

	.full-img{
		float: none;
		width: 100%;
		margin: 25px auto;
	}

#meta{
width: 97%;
margin:0 auto;
float: none;
padding-bottom: 20px;
text-align: left;
}

#arrows {
width: 97%;
margin:0 auto;
float: none;
}

	.thin {
		display: block;
	}

	.wide {
		display: none;
	}

#meta p{
	padding-bottom: 15px;
}

#footer-wrap{
	width: 95%;
	padding: 20px 0px;
}

#who {
    width: 97%;
    margin: 25px auto;
    float: none;
}

#social {
	width: 97%;
    margin: 25px auto;
    float: none;
}

#social ul{
	padding-left: 20px;
}

}/*end media query*/

@media screen and (max-width: 480px) {
/* ====================
    INTERMEDIATE: Menu
   ==================== */

    nav a {
        float: left;
/*        width: 27%; */
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
		
}/*end media query*/

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}