@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');


/* CSS Document */
.icon{ width: 24px; height: auto;
}
.back-btn a:link{color:#444444; text-decoration: none;}
.back-btn a:hover{color:#5C5C5C; text-decoration: none;}
.back-btn a:visited{color:#444444; text-decoration: none;} 


a:link{color:#ffffff; text-decoration: none;
	
}
a:visited{color:#ffffff; }
a:hover{color:#d9d9d9; }
/*img{
	max-width:200px;	
} */

body{
	padding-top:0px;
	padding-bottom:0;
	font-family: 'Roboto Slab', serif;	
	font-weight:300;
	font-size:2em;
	background-color:#ececec;
}
h1 h2 h3 h4 h5 h6{
	font-family: "open-sans", sans-serif;
	font-weight:100;
	margin:0;
	
}

.img-shadow{
	box-shadow: 0px 0px 5px 3px #c7c7c7;
	margin: 8px 0 ;
}

	

/* header navigation*/
header {
	height: 74px;
	background-color: #ffffff;
}
header h1{
	float: left;
	width: 500px;
	height: 74px;
	clear: both;
}
header .contact{
	width: 400px;
	float: right;
	text-align: right;
	clear: none;
	height: 74px;
	
}
		
.Portfolio-container{width:100%; max-width:1920px;}
.designblockleft > img{max-width:100%; height:auto;}
.main{padding:15px;}
.designblockright > h3{margin:0px 0px 15px 0px;}



.page{
	padding:0px 0;	
}
.hline{
	color: #727272;
	border-bottom-style: solid;
	border-width: 1px;
	padding-bottom: 15px;
	
}
.design-detailview{
	width: 100%;
	height: auto;
	background-color:none;
}


.page .designblockleft{
	float: left;
	height: auto;
	width: 48%;
	background-color:none;
}

.page .designblockright{
	float: right;
	height: 400px;
	width: 48%;
	text-align:left;
	padding:0px 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.page h2{
	text-align:left;	
	margin:30px 30px 15px 15px;
}

/** Intro page section **/

#intro{
	text-align:center;		
}


/** footer navigation **/

footer{
	
	margin:0px;
	padding:0px;
	
	text-align:center;
	background-color:#020004;	
	color:white;
}
footer .col-sm-12{
		background-color:#020004;
}

footer p{
	font-size:13px;
	margin:20px 0px;		
}
.button {
  border: none;
	background-color: #646464;
  color: white;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
	float: right;
	border-radius: 20px;

/* =========================== Responsive Code ================================= */


@media only screen
and (max-width:768px){
	header .navbar-collapse.in{
	background-color:rgba(0,0,0,.1)	
	}
	}


@media only screen and (max-width:1024px){
	.page .designblockleft{float:none; width:100%;}
	.page .designblockright{float:none; width:100%; margin:50px 0px;}
	
}