body{
	margin: auto;
	/*background-color: #000;*/
	background-image: url(../images/blck.png);
}
.clear {
	clear: both;
	height: 5px;
}

/*----------------------------------------------------------------------------*/
/*--------< header.tpl.php Starts >--------*/

.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color:#fff;
}
@media screen and (max-width: 768px){
	.logo {
		margin-top: 50px;
		text-align: center;
	}

	#nav-head a { 
		color:#ccc; 
		font-size: 1.5em;
	}
	#nav-head a:hover { 
		font-size: 1.5em;
		background:none;
		color:#000;
	}	
}
@media screen and (min-width:768px){
	.logo {
		margin-top: 75px;
		text-align: center;
	}

		#nav-head{
		background-color: #b3e5ff;
		margin-top: 50px;
	}
	#nav-head a { 
		color:#000; 
		font-size: 1.5em;
	}
	#nav-head a:hover { 
		font-size: 1.5em;
		background-color: #e5f6ff;
		border-radius: 0px;
	}
	#nav-head {
	  /*margin-left: 20px;*/

	}
	.nav-pills > li > a > .badge {
	  margin-left: 0px;
	}
}


/*--------< header.tpl.php Ends >--------*/
/*----------------------------------------------------------------------------*/
/*--------< index.php Starts >-------- */

.jumbotron	{
	background:none;
}
.jumbotron  {
	color:#fff;
	padding-bottom: 50px;
}
.jumbotron:hover{
	color: #000;
	border:none;
	background-color: #e5f6ff;

}
		
.container-marketing{
	color:#ccc;
}
	/*Recent work section*/
.container-marketing span{
	color:#ffffb3;
	font-size: 3em;
	padding-top: 20px;
}
	
	/*Current skill section*/
.skills  {
	text-align: center;
	font-size: 20px;
}

.skill h1 /* skills header*/{
	color:#80ff80;
}
.skills img{
	padding:2px;
	border: 2px solid #fff;
}

/*--------< index.php Ends >-------- */
/*----------------------------------------------------------------------------*/
/*--------< About-me.php Starts >-------- */
#about-me {background-image: url(../images/about-me/background.png);}
#about-me  h1 {
	font-size: 4em;
}

#about-me  p {
	margin-bottom: 0px;
	font-size: 2.25em;
}
#about-me{
	color:#b3b3b3;
}

/*--------< About-me.php Ends >-------- */
/*----------------------------------------------------------------------------*/
/*--------< Skills.php Starts >-------- */

	/*Mobile Skills.php*/
@media screen and (max-width: 768px){
	.tech-skills{
		text-align: justify;
		color:#fff;
		margin: 20px 0px;
		padding-bottom: 100px;
		background-image: url(../images/skills/bg1.png);
	}
	.tech-skills img{
		width:75px;height: 75px;
		margin-left:20px;
	}
	.tech-skills img:hover{
		width: 90px;height: 100px;
	}
	#img-only{
		margin-left:20px;
	}
	#img-only h3{
		color:#ccc;
		font-size: 2em;
		margin-bottom:20px;
	}	
	.skill-img{
		margin-left: 50px;
	}
}


	/*Desktop Skills.php*/
@media screen and (min-width:768px){

	.tech-skills{
		color:#fff;
		margin: 100px 0px;
		padding-bottom: 50px;
		background-image: url(../images/skills/bg1.png);
	}
	.tech-skills img{

		margin-left:20px;
	}
	.tech-skills img:hover{
		width: 120px;height: 100px;
	}
	#img-only{
		
		margin-left:40px;
	}
	#img-only h3{
		color:#ccc;
		font-size: 2em;
		margin-top: 0px;
	}
	.skill-img{
		margin-left: 11em;
	}
}

/*--------< Skills.php Ends >-------- */
/*----------------------------------------------------------------------------*/
/*--------< Portfolio.php Starts >-------- */
	/*Desktop Portfolio*/

.portfolio{
	margin-top:100px;
	margin-bottom: 75px;
}
@media screen and (min-width:768px){
	.rect-1{
		width:100%;
		height:456px;
		border:1px solid #fff;
	}
	.rect-2 img{
		width: 100%;
		height: 256px;
		border:1px solid #fff;
	}
	.rect-3 img{
		width:100%;
		height: 168px;
		margin-top:30px;
		background-color: #ccc;
		border:1px solid #fff;

	}
	.rect-4 img{
		width:100%;
		height: 360px;
		background-color: #cfcfcf;
		border:1px solid #fff;
	}
	.mobile-portfolio{
		display: none; 	
	}
}
/*--------< Portfolio.php Ends >-------- */
/*----------------------------------------------------------------------------*/
/*--------< Contact.php Starts >-------- */
.contact{
	font-size: 1.8em;
	color:#ccc;
}
/*--------< Contact.php Ends >-------- */
/*----------------------------------------------------------------------------*/