*{
    margin: 0.0%;
    padding: 0.0%;
    padding-left: 1em;
}

img{ 
    max-width:100%;
}   
figure {
    text-align: center;
}

  /* flex container */

nav {
    width: 25em;
    height: 8em;
    justify-content: space-around;
    flex-wrap: wrap;
}

main{
    display: flex;
    flex-wrap: wrap;
}

.AI {
    display: flex;
  }

.BI{
    display: none;
}

.A1 {
    display:none;
}

.b1 {
    display:none;
}

.pn{
    height: 18em;
}

.b2 {
    display:none;
    flex-direction: row-reverse;
}

.Jaka {
    display:none;
}

.real {
    display:none;
}

#nav3{
    width: 0%;
}

#nav4{
    width: 0%;
    height: 0%;
}

.bec {
    display:none;
}

.video{
    display: inline;
    padding:0;
}