#container .box > div.main-full-screen{
	position: relative;
display: table-cell;
/* vertical-align: bottom; */
vertical-align:middle;
width: 100vw;
height: 100vh;
background:#000;
text-align:center;
}
.full-screen{
	/*  width: 100vw;  */
	
}
.full-high{ height:100vh;}
.middle{
	vertical-align: middle !important;
}
.main-team{ max-width:1280px; margin: 0 auto; width:100%;
}
.gp{width:100%;float:left;position:relative; height:100vh; max-height:560px;}
.team-gp{display:inline-block; position: absolute;}
.team-gp img{ /* shadow:1px 1px 1px solid #333; */ max-width:100%; cursor:pointer;}
.Adam{/*top: 4%;*/
left: 1%;bottom: 70%;}

.Michel{/*top: 1%;*/
left: 19%;bottom: 77%;}

.Afsal{/*top: 0.5%;*/
left: 33%;bottom: 60%;}

.Cat{/*top: 2%;*/
left: 52%;bottom: 75%;}

.Hnin{/*top: 3%;*/
left: 71%;
bottom: 70%;}

.Gabby{/*top: 2%;*/
right: 1%;bottom: 56%;}

.KiKi{bottom: 1%;
left: 1%;}
.George{bottom: 1%;
left: 14%;}
.Mae{bottom: 17%;
left: 30%;}
.Angel{bottom: 1%;
left: 60%;}
.Hania{bottom: 1%;
right: 1%;}


/* .adam-name:hover{opacity: 1;}  */
.speech-bubble { 
/* 	width:100px;
	 position: relative; 
	 background-color: rgba(250, 250, 250, 1);
	border-radius: .4em;
	z-index:1;
	padding:10px;
	color:#000;
	/* border:1px solid #fff; */
	width: 100px;
position: relative;
/* background: #fbd700 *//* 00aabb */;
background-color:/* #fbd700 */ rgba(251, 251, 250, 1) ;
border-radius: 30px;
z-index: 1;
padding: 10px;
color: #000;
height: 60px;
display: table-cell;
vertical-align: middle;
margin-bottom:10px;
}

.speech-bubble:after {
	
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color:  rgba(251, 251, 250, 1) ;
	border-bottom: 0;
	border-right: 0;
 margin-left: -10px;
	margin-bottom: -20px; 
}

.typewriter h1{
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #fbd700; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 1.0s steps(40, end),
    blink-caret .75s step-end infinite;
	color: #000;
font-weight: bold;
font-size: 16px;
text-align:center;
display:inline-block;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #fbd700; }
}

 .adam-name,
.Afsal-name,
.Angel-name,
.Cat-name,
.Gabby-name, 
 .George-name,
.Hania-name,
 .Hnin-name,
.KiKi-name,
.Mae-name,
 .Michel-name
 { display:none;}