h4:hover {
    cursor: pointer;
}
h1 {
    font-size: 50px;
    word-break: break-all;
}

.column1 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.column2 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.column3 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.column4 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.column5 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.column6 {
    float: left;
    width: 33.33%;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.con{
	background: rgba(255, 255, 255, 0.7);
	width:29%;
	height: 20%;
	position:absolute;
}
.con p{
	margin-top: 12px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.content {
    background-color: white;
    padding: 10px;
}

.show {
  display: block;
}
 img{
	
	transition: transform .5s;
}
.row img:hover {
    cursor: pointer;
	transform: scale(1.3);

}
@media (max-width: 800px) {
    .con {
        width: 0;
    }
	.con p{
		color: rgba(255, 255, 255, 0.1);
	}
}