.container-flex {
  max-width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-conetnt: center;
  /*border-style: solid;
	border-color: black;*/
}

.left {
  position: relative;
  max-width: 300px;
  height: 300px;
  margin: auto;
  /*border-style: solid;
	border-color: blue;*/
}

.right {
  position: relative;
  max-width: 350px;
  height: 350px;
  margin: auto;
  /*border-style: solid;
	border-color: green;*/
}

.center {
  position: relative;
  max-width: 200px;
  height: 200px;
  margin: auto;
}

.footer {
  display: table;
  margin: auto;
  /*border-style: solid;
	border-color: yellow;*/
}

.column {
  display: table-cell;
  padding: 0 50px;
}

.footer img {
  height: 56px;
  width: 50px;
}

img {
  height: 80%;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  /* For Webkit browsers */
  filter: gray;
  /* For IE 6 - 9 */
  -webkit-transition: all .6s ease;
  /* Transition for Webkit browsers */
}

img.grayscale:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: none;
}

#wrapper {
  max-width: 1020px;
  margin: 0 auto;
}

#center-top-div {
  position: relative;
  max-width: 600px;
  height: 200px;
  margin: auto;
  /*border-style: solid;
	border-color: pink;*/
}

#center-top-divnew {
  position: relative;
  max-width: 600px;
  margin: auto;
  /*border-style: solid;
	border-color: pink;*/
}

#center-top-div img:first-child {
  height: 80%;
  width: 80%;
}

#center-bottom-div {
  max-width: 50px;
  height: 56px;
}

#bottom-div {
  height: 300px;
}

#top-div {
  height: 300px;
}

#temp {
  margin: auto;
}