html, body{
			margin: 20;
			padding: 20;
		}
		.container{
			width: 100%;
			position: relative;
		}
		.clearfix {
			overflow: auto;
			zoom: 1;
		}
		.row1 .item{
			width: 20%;
			float: left;
			text-align: center;
			box-sizing: border-box;
			padding: 5px;
		}
		.row1 .item img{
			height: auto;
			max-width: 150px;
		}
		.row2 .item{
			width: 20%;
			float: left;
			text-align: center;
			box-sizing: border-box;
			padding: 5px;
		}
		.row2 .item img{
			height: auto;
			max-width: 150px;
		}
		.row3 .item{
			width: 20%;
			float: left;
			text-align: center;
			box-sizing: border-box;
			padding: 5px;
		}
		.row3 .item img{
			height: auto;
			max-width: 150px;
		}
		.row4 .item{
			width: 20%;
			float: left;
			text-align: center;
			box-sizing: border-box;
			padding: 5px;
		}
		.row4 .item img{
			height: auto;
			max-width: 150px;
		}
		.row5 .item{
			width: 20%;
			float: left;
			text-align: center;
			box-sizing: border-box;
			padding: 5px;
		}
		.row5 .item img{
			height: auto;
			max-width: 150px;
		}
		.text-center{
			text-align: center;
		}		
		.image {
  			display: block;
  			width: 100%;
  			height: auto;
		}
		.overlay {
  			position: absolute;
  			top: 0;
  			bottom: 0;
  			left: 15%;
  			right: 0;
  			height: 100%;
  			width: 70%;
  			opacity: 1;
  			background-color: #00F;
		}
		.text {
  			color: white;
  			font-size: 24px;
  			position: absolute;
  			top: 50%;
  			left: 50%;
  			transform: translate(-50%, -50%);
  			-ms-transform: translate(-50%, -50%);
  			text-align: center;
		}
		footer {
			margin-bottom: 15px;	
		}
		header {
			margin-top: 40px;	
		}
		.center{
			position: absolute;
  			top: 90%;	
  			left: 46%;					
		}