/* Navigation */

#header {width:100%; height: 70px;background: #000000;padding:15px 0;position:fixed;top:0px;z-index: 100;}

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#111111;
	z-index:100;
}

#header .nav-links{float: right;display: inline-block;}

#header .nav-links ul li a{font-family:'Ubuntu', sans-serif;font-size: 1em;font-weight: 500;line-height: 65px;color:#cccccc;text-decoration: none;pointer-events: visibleFill;}
#header .nav-links ul li a:hover{color:#ffffff;text-decoration: underline;}
#header li{display: inline;padding-left: 10px;color:#ffffff;text-align: right;}


/* General Slides */ 
.slide{background-attachment: fixed;width:100%;height:auto;position: relative;padding:140px 0;}

/* Banner */
#slide1{width:100%;min-height: 600px;height:100%;overflow:visible;background: #ffffff;}

#slide1 .slide{position:absolute;top:0;}

#slide1 .main-bio h5{padding:40px 0 80px;line-height: 175%;}
.banner{width:100%;min-height: 420px;height:100%;overflow:visible;background: #000 url('../images/paru-digital-banner2.jpg') no-repeat center 20px;margin-bottom: 50px;padding-bottom: 40px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

/* Main-intro */
.main-intro{width:100%;min-height: 250px;background: #d7d7d7;}

.main-intro .section-heading{padding-bottom: 40px;margin-left: 0;}

.main-intro .creative-section{padding-bottom: 40px;}

.main-bio{line-height: 1.5em;}
/* Selected Work */
#selected-work {width:100%;background-color: #ff5b1b!important;min-height:60px;height: 100%;padding:140px 0;font-size: 30px;}
#selected-work h2{color:#ffffff;float:left;display: inline;text-align:center;}
#selected-work h2.sentence{float:right;display: inline;color:#ffffff;font-size: 24px;}

#selected-work p{padding-bottom: 20px;}
#selected-work a{padding-bottom:10px;}

.creative-section h4.five{
	margin:0 0px 14px 0;
	line-height: 100%;}
	
.creative-section p{
	line-height: 150%;}

	
/* Get in Touch */
#get-in-touch{width:100%;min-height: 400px;background: #444444;}
#get-in-touch h4{font-family: 'Ubuntu', sans-serif;font-size: 30px;color:#ffffff;}
#get-in-touch a{background: #ff5b1b;color:#ffffff;font-size: 1em;font-family: 'Unbuntu', sans-serif;font-weight: bold;text-transform: uppercase;}

#get-in-touch .text p{color:#ffffff;font-size: 1em;padding: 20px 0 10px;}

#get-in-touch ul{width: 100%;}

#get-in-touch ul li.left{float:left;width:45%;}
#get-in-touch ul li.right{float:right;width:45%;}

/* Footer */
#footer{width:100%;background: #111111;min-height:100px;padding:50px 0;}
#footer h4{color:#ffffff;margin-left:15px;padding-top:20px;}
#footer ul{position: relative;padding-top: 20px;margin-left:10px;}
#footer ul li.social-media{display: inline;margin-right:10px;}
#footer ul li.social-media a{width:25px;height: 25px;opacity: .65;}
#footer ul li.social-media a:hover{opacity: 1.0;}

}


/* iPads (portrait and landscape) ----------- */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    
     .container{ max-width: 768px;width:100%; }
	 .banner{
	 width:100%;
	 max-width: 1024px;
	 height:100%;
	 overflow:hidden;
	 background: #000 url('../images/paru-digital-banner2.jpg') no-repeat right center;
	 padding-bottom: 40px;
	-webkit-background-size: 90% auto;
	-moz-background-size: 90% auto;
	-ms-background-size: 90% auto;
	-o-background-size: 90% auto;
	background-size: 90% auto;}
	
	.creative-section{display:block;padding-bottom: 20px;}
	
	.creative-section h4.four.columns.omega{float:left;text-align: center !important;margin:20px 0 10px;}
	
	.creative-section img.three.columns.alpha{float: right; margin:20px 0;display: block !important;padding-right: 0px !important;max-width: 400px;}
	

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 300px) and (max-width: 767px) {
/* Styles */

 h2.underline{text-align: center!important;}
 
 h4.four{text-align:center!important;margin: 30px 0 20px !important;}
 
 #header .sixteen.columns.alpha.omega{margin: 0 !important;width: 100% !important;}
 .logo.one-third.alpha{width:25% !important;margin: 0 !important;}
 .logo.one-third.alpha a img{width: 75px !important;height: auto!important;}
 
 .nav-links.two-third.omega{width:75% !important;float:right!important;margin:0!important;}
 .nav-links.two-third.omega ul li{float:right!important;padding-left: 15px!important;}
 .nav-links.two-third.omega ul li a{font-size: 14px !important;}
 
 .banner{background-position: 95% 90px !important;margin-bottom: 0!important;padidng-bottom: 0!important;min-height: 300px !important;
 		-webkit-background-size: auto 70%;
 		-moz-background-size: auto 70%;
 		-ms-background-size: auto 70%;
 		-o-background-size: auto 70%;
 		background-size: auto 70%;}
 		
 #slide1 .main-bio h5{text-align: center !important;line-height: 165% !important;}

.main-bio h5{padding: 40px 0 !important;}

.section-heading h2.underline{font-size: 24px !important;}

.creative-section h4{padding: 20px 0 10px !important;text-align: center !important;}

.creative-section p{font-size: 16px !important; line-height: 160% !important; text-align: center !important;}

#get-in-touch h4,
#get-in-touch p{text-align: center !important;}

#get-in-touch p{font-size: 18px !important;line-height: 160% !important;}

#selected-work h2{text-align: center !important;font-size: 36px!important;line-height: 200% !important;}

.wufoo input.btTxt{font-weight: normal!important;width: 100% !important;padding: 12px 16px !important;}
.wufoo li{width: 100% !important;padding-bottom: 10px !important;}

.wufoo label.desc, .wufoo legend.desc{font-size: 16px !important;padding-bottom: 10px!important;color: #ccc !important;}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

.creative-section img{clear:both;padding-bottom: 20px;}


}