#code{
	padding: 25px;
	border: 2px solid white;
	width:90%;
}

#code img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin:0px auto 20px;
    z-index: 50;
}

#code img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}


.tile-title{
	z-index: 55;
	position: absolute;
	border-radius: 50%;
	margin: 5%  auto 0%;
	min-height: 20px;
	width:75%;
	padding: 5px 7px;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.95) 19%, rgba(255,255,255,0.95) 32%, rgba(255,255,255,0.91) 35%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(19%,rgba(255,255,255,0.95)), color-stop(32%,rgba(255,255,255,0.95)), color-stop(35%,rgba(255,255,255,0.91)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.95) 19%,rgba(255,255,255,0.95) 32%,rgba(255,255,255,0.91) 35%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.95) 19%,rgba(255,255,255,0.95) 32%,rgba(255,255,255,0.91) 35%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.95) 19%,rgba(255,255,255,0.95) 32%,rgba(255,255,255,0.91) 35%,rgba(255,255,255,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.95) 19%,rgba(255,255,255,0.95) 32%,rgba(255,255,255,0.91) 35%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


@media (max-width:1200px){

#code h2{
	font-size: 26px;
}


	}


@media (max-width:991px){

#code h2{
	font-size: 22px;
}


	}


@media (max-width:768px){

#code h2{
	font-size: 18px;
}


	}

@media (max-width:600px){

#code h2{
	font-size: 14px;
}


	}

	@media (max-width:350px){

#code h2{
	font-size: 12px;
}

	}