body {

font: 100%/1.5 serif;
background-color:#333333


}


a:link {
	color: #FFFFFF;
  TEXT-DECORATION:NONE
    font-family: 'Josefin Sans', sans-serif;
}
a:visited {
	color: #FFFFFF;
	  font-family: 'Josefin Sans', sans-serif;
}



#iajNAV {
  position: fixed;
  width: 950px;
  background:rgba(153,153,153, 0.95);
  margin-top:0px;
  color:#ffffff;
  font-family: 'Josefin Sans', sans-serif;
  font-size:1.4em;
  text-align: center;
}

ul{
	background-color:#333
 
  
}

#iaj {
	background-color:#333
 
  
}
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
background-color: #333333;
}

.back-to-top i {
  font-size: 60px;
}

#home {
  
  width:70%;
   margin:0PX AUTO;

}
#header {
  
 position: fixed !important;
  width: 950px;
padding:10px;
  background:rgba(153,153,153, 0.95);
  margin-top:0px;
  color:#ffffff;
  font-family: 'Josefin Sans', sans-serif;
  font-size:1.4em;


 
  
}

SECTION {
  
  width:950px;
  margin:0PX AUTO;
  text-align:center

 
  
}

#footer {
 
   left:0px;
   bottom:0px;
   PADDING:30px;
   width:100%;
   background:#333333;
  COLOR:#FFFFFF;
  font-family: 'Josefin Sans', sans-serif;
  TEXT-DECORATION:NONE;
  LINE-HEIGHT:1.3;
  text-align:center
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#about {
	 font-family:Arial, Helvetica, sans-serif; 
	 color:#666; 
	 font-size:14px; 
	 line-height:1.3; 
	 font-weight:400;
	 width:750px;
	 margin:auto;
	 text-align:left
	 }

.home {
 width:100%;
  margin:center;
   border-bottom: solid 1px #CCCCCC;
 padding:30px;
  text-align:center;
  color:#CCCCCC;
 padding-top:160px;
  
   font-family: 'Josefin Sans', sans-serif;
  
}
.print {
  
  width:100%;
  margin:center;
 border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
 padding-top:160px;
    font-family: 'Josefin Sans', sans-serif;
}
.branded {
  
  width:100%;
  margin:center;
  margin-top:128px;
  border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
  padding-top:160px;
  font-family: 'Josefin Sans', sans-serif;
  
}
.comic {
  
  width:100%;
  margin:center;
  margin-top:128px;
 border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
 padding-top:160px;
    font-family: 'Josefin Sans', sans-serif;
}
.logos {
  
  width:100%;
  margin:center;
  margin-top:128px;
  border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
   padding-top:160px;
     font-family: 'Josefin Sans', sans-serif;
}
.digital {
  
  width:100%;
  margin:center;
  margin-top:128px;
  border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
   padding-top:160px;
     font-family: 'Josefin Sans', sans-serif;
}

.websites {
  
  width:100%;
  margin:center;
  margin-top:128px;
 border-bottom: solid 1px #CCCCCC;
  padding:30px;
  text-align:center;
  color:#CCCCCC;
   padding-top:160px;
     font-family: 'Josefin Sans', sans-serif;
}

.contact {
  
  width:100%;
  margin:center;
  margin-top:128px;
 background:#333333;
  padding:30px;
  text-align:center;
  color:#ffffff;
   padding-top:160px;
     font-family: 'Josefin Sans', sans-serif;
}
   
.portfolio {
  
  width:100%;
   margin: center;
 background:#FFFFFF;
  padding:30px;
   display: table-cell;
    vertical-align: middle 
 
  
}


h1{
font-family: 'Josefin Sans', sans-serif;
  color:#fff:
    FONT-SIZE:4em;
  
}

h2 {

font-family: 'Josefin Sans', sans-serif;
  color:#fff:
    FONT-SIZE:20PX;

}

h3 {

font-family: 'Josefin Sans', sans-serif;
color:#ffffff;

}



}

#PAGETITLE {
  padding:20px;
  background:#333333;
  text-align:center;
  margin:auto;
  
 
  
}

p

{
  margin:auto;
  width:100%;
	font-size:16px;
font-family: 'Josefin Sans', sans-serif;
  color:333333;
}


 /* You'll need prefixes. @-ms-viewport, @-o-viewport, etc... */
    @viewport {
        width: device-width;
    }


/* this is my media query - it will produce responsive design */


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

  
section {
  
  max-width:470px;
  width:100%;
   margin:0px auto;

  text-align:center;
 
  
}


#about {
	
	
	  max-width:470px;
  width:100%;
	
	
	}

nav {
	
	max-width:470px;
  width:100%;
	
	}
 p {
	 color:#000;
  padding: 10px;
max-width:470px;
  width:100%;
  text-align:center
  
}

img {
	
	width:100%;
	height:auto;
	padding:10px
	
	}
	
	
	iframe {
		
		
	max-width:470px;
  width:100%;		
  height:auto;
  padding:10px
		
		}
		
		#footer {
			
			max-width:470px;
  width:100%;
			
			}
    }