@charset "UTF-8";

/* CSS Document */

html {
	height:100%;
	overflow:hidden;
}

body {
	position:relative;
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    font-family: "Poppins", helvetica, sans-serif;
}

body::before {
	content:"";
	background-image: url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
 	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	opacity:.45;
  	position: absolute;
 	z-index: -1; 
}

#content {
	width:400px;
	max-width:80%;
	height: 180px;
	position: absolute;
	margin: 0 auto;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*background: url("s.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;*/
}

#logo img{
	width:100%;
	user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#copy {
	position: absolute;
	text-align:center;
	bottom:2px;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:10px;
	letter-spacing:1px;
	color: #ccc;
	text-transform: uppercase;	
}


@media screen and (max-width: 205px) {
  #copy {
    font-size: 6px;
  }
}