@font-face {
  font-family: TurretRoad;
  src: url(TurretRoad-ExtraLight.ttf);
}

body{
    margin: 0;
    font-family: TurretRoad, cursive;
    line-height:1.5;
    background:#000;


	position: relative;
    top:0;
    left: 0;
    width: 100%;
    height:100vh;
    overflow: hidden;

}






.colomn{
	width: 26%;
	height:height:100%;
	position:absolute;
	height: 100%;
	background-color: rgba(8, 16, 28, 0.8);
	float: left;
	color:#CBCBCB;
	overflow: scroll;
	margin-left:74%;
	padding-left:5px;
	padding-top:8px;
	z-index:3

}

.image{

}

.colomn .image img{
  width:100%;
}

#department{
	font-size: 1.3rem;
	font-weight:bolder;
	color:#fff;

}

.wrap{
	background: url(./img/map2.jpg);
	width: 73%;
	height: 91%;
	top:50%;

	transform:translate(0,-50%);

	left:5px;
	margin-top: 0px;
	margin-left: 0px;
	border : 1px solid #0FC;
	overflow-x: hidden;
	position: absolute;
	float: left;
	z-index:2;

}
.draggable{
	width: 210px;
	height: 155px;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:35px;
	color:#fff;
	border: medium dotted #0F0;
}

.draggable2{
	width: 210px;
	height: 130px;
	margin-bottom:35px;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	border: medium dotted #0F0;
}
.draggable3{
	width: 210px;
	height: 148px;
	margin-bottom:35px;
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	border: medium dotted #0F0;
}
.draggable4{
	width: 210px;
	height: 155px;
	font-size:10pt;
	margin-bottom:35px;
	font-weight:bold;
	color:#fff;
	border: medium dotted #0F0;
}