/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body {
  background: #000000;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
}

a {
  color: #888888;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #cccccc;
  outline: none;
  text-decoration: none;
}

.temp-window {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
  .temp-window img {
    width: 200px;
  }
  .temp-list {
	  padding: 0;
	  margin: 20px 0 0 0;
  }
    .temp-list li {
	  padding: 0;
	  margin: 0 10px;
	  list-style: none;
	  display: inline-block;
	}
	/* Smartphones (landscape) ----------- */
	@media only screen and (max-width : 768px) {
		.temp-list li {
		  margin: 0 10px 8px 10px;
		  display: block;
		}
	}
		.temp-list li a {
		  text-decoration: none;
		  font-size: 14px;
		}
		
		.temp-list li i {
			width: 26px;
			height: 26px;
			margin: 0 5px 0 0;
			display: inline-block;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 26px 26px;
			position: relative;
			bottom: -8px;
		}
			.temp-list li i.icon-mail {
				background-image: url(../img/logo-gmail3.svg);
			}
			.temp-list li i.icon-instagram {
				background-image: url(../img/logo-instagram.svg);
			}
			.temp-list li i.icon-whatsapp {
				background-image: url(../img/logo-whatsapp2.svg);
			}