*{
    box-sizing: border-box;
    text-decoration: none;
    margin: 0
}
body{
    margin: auto;
    font-family: calibri light;
    position: relative;
}


.banner{
    position: relative;
    overflow: hidden;
}
.banner>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner>section,.banner>div{
    position: absolute;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
}
.banner>nav{
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
.banner>nav i{
    display: inline-block;
    height: 0.2em;
    margin: 0.2em;
    width: 2em;
    border-radius: 0.1em;
    background: white;
    opacity: 0.5;
}
.banner>nav>button{
    bottom: 0;
    border: none;
    background: none;
    color: white;
    padding: 0;
    margin: 0;
    opacity: 0;
}
.banner>nav:hover button{
    opacity: 0.5;
}
.banner>nav>button:hover{
    opacity: 1;
}
.header-a{
    height: 4em;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 11;
}
.header-a>div{
    display: inline-block;
}
.header-a nav{
    transform: translateX(100%);
    transition: 0.5s;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    width: 16em;
    right: 0;
}
.header-a>div:last-child{
    position: relative;
    float: right;
    width: 3em;
    height: 3em;
}
.header-a>div:last-child:hover nav{
    max-height: 100vh;
    transform:none;
}
.header-a a{
    display: block;
}
.header-a>div img{
    height: 3em;
}
.img-cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.h-25vh{
    height: 25vh;
}
.h-50vh{
    height: 50vh;
}
.h-75vh{
    height: 75vh;
}
.h-100vh{
    height: 100vh;
}
.p-ab{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40%;

}

.p-re{
    position: relative;
}
svg{
    fill:currentColor;
}

@media(max-width:720px){

}
@media(max-width:900px) and (min-width:601px){


}
@media(min-width:2000px){
    body{
        width: 1920px;
        margin: 0 auto;
        position: relative;
        font-size:medium
    }
    .h-25vh{
        height: 180px;
    }
    .h-50vh{
        height: 360px;
    }
    .h-75vh{
        height: 480px;
    }
    .h-100vh{
        height: 720px;
    }
    .header-a{
        width: 1920px;
    }
}