*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  padding: 0;
  margin: 0;
}

body{
   font-family:'Sintony';
}

.widget-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background: #000;
}

canvas {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}


.logo{
	width:18%;
	height:18%;
	background:url('../logo.png') 50% 50% no-repeat;
	background-size:cover;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0 0 50px rgba(0,0,0,0.5);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
   z-index:100;
}


.with{
   width:13%;
   position:absolute;
   bottom:5%;
   right:2%;
   z-index:100;
}

.with img{ width:100%; height:auto; display:block; }