/* CSS Document */

body {letter-spacing:2px; text-align:center; color:#fff; background:#000; padding:0;}

h1 {font-size:18px; margin:25px 0 50px 0; text-transform:uppercase; line-height:2;}

h2 {font-size: 16px; margin: 25px 0 0 0; text-transform:uppercase; line-height:2;}

.copy { text-align:left; color:#fff; display: block; background:none;
	max-width:100%;
	z-index:1;
    height:auto;
    position:relative;
	margin: 0 25px 0 250px;
	padding:30px 25px 100px 25px;
    }
.copy p {background:none; display:block; clear:both; font-size:14px; line-height:2; z-index:1; text-transform:none;}
.copy a, .copy a:active, .copy a:visited {color:#fff; text-decoration:none; border-bottom: 1px #fff solid; padding-bottom:1px;}

.is { text-align:left; color:#fff; display: block; background:none;
	max-width:100%;
	z-index:1;
    height:auto;
    position:relative;
	margin: 0px 150px 0 250px;
	padding:120px 25px 100px 25px;
    }
.is p {background:none; display:block; clear:both; font-size:16px; line-height:2; z-index:1; text-transform:none;}
.is a, .copy a:active, .copy a:visited {color:#fff; text-decoration:none; border-bottom: 1px #fff solid; padding-bottom:1px;}

.works { text-align:left; color:#fff; display: block; background:none;
	max-width:100%;
	z-index:1;
    height:auto;
    position:relative;
	margin: 0 25px 0 250px;
	padding:30px 0 100px 25px;
    }
.works p {background:none; display:block; clear:both; font-size:14px; line-height:2; z-index:1; text-transform:none;}
.works a, .copy a:active, .copy a:visited {color:#fff; text-decoration:none; border-bottom: 1px #fff solid; padding-bottom:1px;}

@media only screen and (max-device-width: 480px) {

h1 {font-size:28px;}
h2 {font-size: 28px;}

.copy {margin: 0 25%;}
.copy p {font-size:22px;}
	
	}