@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
//@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400');

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html,
body {
  height: 100%;
}
body {
	font-family: 'Lato', sans-serif;
	//font-family: 'Fira Mono', monospace;
	font-weight: 700;
	font-size: 8rem;
	line-height:150%;
	//background: #111;
	color: #fff;

}
.screen {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:transparent;

	background-image: url('images/Background-Logo.jpg');
	background-image: url('images/Background+Logo+blue.jpg');
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
}

* {
	background:#02394e;
	color:#a4c2ce;
}

.text {
  display: flex;
  align-items:center;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: auto;
  cursor: default;
  background:transparent;
}
.text.top {
  align-items:flex-start;
}
.text.bottom {
  align-items:flex-end;
}
.text span {
  display: block;
  position: relative;
  background:transparent;
  width:100%;
}