html, body {
	margin: 0;
	/*background-color: #77cc6d;*/
	background-color: #fff;
	font-family: 'Raleway Dots', sans-serif;

	display: flex;
      min-height: 100vh;
      align-items: center;
      justify-content: center;
  }

	  .social-networks section #services {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 50%;
}
  
  section #services {
	text-align: center;
	transform: translatez(0);
	padding-left: 50px;
    padding-right: 100px;

  }
  section #services h2 {
	margin: 80px 0px 40px;
	color: #fff;
	font-size: 2.4em;
	text-transform: uppercase;
	text-align: center;
  }
  section #services li {
	/*width: 120px;*/
	width: 0px;
	height: 140px;
	display: inline-block;
	margin: 20px;
	list-style: none;
  }
  section #services li div {
	/*width: 120px;*/
	width: 35px;
	/*height: 120px;*/
	height: 35px;
	color: #74d4b3;
	/*font-size: 3.4em;*/
	font-size: 1.5em;
	text-align: center;
	/*line-height: 120px;*/
	line-height: 35px;
	/*background-color: #fff;*/
	/*background-color: #337fa3;*/
	/*background-color: red;*/
	background-color: #a57f2c;
	transition: all 0.5s ease;
  }
  section #services li a {
	/*color: #77cc6d;*/
	color: #fff;
  }
  section #services li div:hover {
	transform: rotate(360deg);
	border-radius: 100px;
  }
  section #services li span {
	font-family: 'Montserrat';
	/*width: 120px;*/
	width: 50px;
	height: 20px;
	display: block;
	padding: 15px 0px;
	/*color: #fff;*/
	color: #000;
	text-transform: uppercase;
	/*font-size: 1.2em;*/
	font-size: 0.5em;
	text-align: left;
  }
  .credits a {
	display: block;
	text-align: center;
	color: #74d4b3;
	text-decoration: none;
	font-size: 24px;
	margin-top: 50px;
	background: white;
	padding: 20px;
	max-width: 300px;
  }