@charset "UTF-8";
/* CSS Document */

body {margin:0;}
h1 {margin:0 auto;}
header {padding:24px 0;}
wrapper {

    max-width: 960px;
    margin: 0 auto;
    display: block;
	padding-bottom: 12px;

}
footer span {padding: 12px 0 0;}
.portfolio .label-text {

    padding-top: 11px;
    display: block;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
    overflow: hidden;

}

/* Mobile portrait (320x480) ----------- */
@media only screen 
and (min-width : 320px) {
/* Styles */
	header h1 {font-size:18px;}
	footer {font-size:11px;}
	nav {font-size:12px;padding: 0 0 12px;}
	footer span {font-size: 12px;}
/* Styles */
}

/* Mobile landscape (480x320) ----------- */
@media only screen 
and (min-width : 480px) {
/* Styles */
	header h1 {font-size:32px;}
	footer {font-size:19px;}
	footer span {font-size: 13px;}
/* Styles */
}


/* Tablet portrait (768x1024) ----------- */
@media only screen 
and (min-width : 768px) {
/* Styles */
	header h1 {font-size:39px;}
	footer {font-size: 23px;}
	footer span {font-size: 15px;}
/* Styles */
}

/* Tablet landscape (1024x768) ----------- */
@media only screen 
and (min-width : 1024px) {
/* Styles */
	header h1 {font-size:51px;}
	footer {font-size: 31px;}
	nav {font-size:20px;padding:0;}
	footer span {font-size: 16px;}
/* Styles */
}