body{
	overflow-x:hidden;
    box-sizing: border-box;

}
#commentIcon{
	cursor:pointer;
}
@media screen and (max-width:770px){
	#titleBar{
		width:255px;
		margin-left:auto;
		margin-right:auto;
		position:absolute;
		left:0%;
		right:0%;
		font-family:"pragmatica-web", "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
		font-size: 27px;
		z-index:2000;
		text-align:center;
		color:#999999;
	}
    #shareIcon{
		float:left;
		width:38px;
		height:auto;
		margin-right:30px;
	}
	#commentIcon{
		float:left;
		width:38px;
		height:auto;
		margin-right:30px;
		opacity:.5;
	}
	#commentHolder{
		z-index:2000;
		position:absolute;
		width:100%;
		right:-100%;
		top:90px;
	}
}

@media screen and (min-width:771px){
	#titleBar{
		height:10%;
		position:absolute;
		right:20px;
		top:3%;
		z-index:2000;
		color:#999999;
		font-family:"pragmatica-web", "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
		font-size: 42px;
		margin-left:30px;
	}
    #shareIcon{
		float:left;
		width:38px;
		height:auto;
		margin-right:30px;
        margin-top:3px;
	}
	#commentIcon{
		float:left;
		width:45px;
		height:auto;
		margin-right:30px;
		opacity:.5;
	}
	#commentHolder{
		z-index:2000;
		position:absolute;
		width:40%;
		right:-100%;
		top:90px;
	}
}
#titleName{
	float:left;
}
#commentBacking{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	background:white;
}
#disqus_thread{
	width:100%;
	padding:0% 5% 0% 5%;
	position:absolute;
	background:white;
	box-sizing: border-box;
	
}
#commentBtn{
	z-index:4000;
	position:relative;
}

#paintings{
   display:none; 
}