/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

/** ADD YOUR AWESOME CODES HERE **/

div.gallery {
  margin: 100px;
  border: 0px solid #000000;
  float: left;
  width: 1000px;
}

div.gallery:hover {
  	filter: grayscale(100%);
	transform: scale(1.1);
}

div.gallery img {
  width: 200%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

div.gallery2 {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery2:hover {
  	filter: grayscale(100%);
	transform: scale(1.1);
}

div.gallery2 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

div.gallery3 {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 300px;
}

div.gallery3:hover {
  border: 1px solid #777;
}

div.gallery3 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

div.album {
	  margin: 5px;
  border: 1px solid #ccc;
  float: right;
  width: 180px;
	
}

div.album {
	transition: 1s;
	float:left;
	padding: 15px;
	width: 200px;
}

div.album img:hover {
	filter: grayscale(100%);
	transform: scale(1.1);
}

div.gallery4 {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 300px;
}

div.gallery4:hover {
  filter: grayscale(100%);
	
}

div.gallery4 img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}