html,body{
   height:100%
}
body{
  background:#292562;
  text-align:center;
  color:#666;
  font-size:12px;
  min-width:200px;
}
.c{
  width:80%;
  height:60%;
  margin:20% auto;
  position:relative;
  margin-bottom:0;
  transition:all 0.3s;
}
.c div{
    height:100%;
    width:100%;
    position:absolute;
    top:0%;
    left:0%;
   transition:all 0.3s;
}
.c .l1{
 background:url(../images/assets/logo-team-shortname.png) top center no-repeat;
  background-size: 100%;
  max-width:70%;
  top:30%;
  left:28%
}

.c .l2{
 background:url(../images/assets/logo-lions.png) top center no-repeat;
  background-size: 100%;
  max-width:20%;
  top:22%;
  left:6%
}

.c .l3{
 background:url(../images/assets/logo-team-fullname.png) top center no-repeat;
  background-size: 100%;
  max-width:15%;
  top:11%;
  left:40%;
  opacity:0
}
@media all and (max-width: 980px){
  .c .l1{
    top:60%;
    left:15%;
  }
  .c .l2{
    top:10%;
    left:29%;
    max-width:40%;
  }
}

@media all and (max-width: 599px){
  .c .l1{
    opacity:0
  }
   .c .l2{
    top:30%
  }
  .c .l3{
   
    top:31%
  }
}

@media all and (max-width: 459px){
  .c .l2{
    opacity:0
  }
    .c .l3{
    opacity:1;
    max-width:40%;
    left:30%;
  }
  .c{
    height:25%;
    min-height:100px
  }
}