/* INDEX PAGE */
#fpart #text{
    padding: 0.5em 0em 0 1em;
}

#intro .lgs{
    height:19em;
    width:18em;
}

#menu{
    display:flex;
    flex-direction:column;
    padding-bottom:3em;

}

#menu section.sect{
    display:flex;
    display:grid;
    grid-template-columns:auto auto auto;
    justify-content:space-around;
    margin:1.5em 0;
    align-items:start;
}

.item img{
    height:4.2em;
    width:2.7em;
}

.item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-family:Om;
}

.item:hover{
    opacity:0.9;
}

.item:active{
    transform:scale(0.95);
}

.litem{
    width:90%;
    z-index:2;
    position:relative;
}

.litem .hanger{
    height: 6em;
    width: 60%;
    margin-bottom: -1em;
    left: 20%;
    position: relative;
}

.libox{
    background-color:var(--c2);
    padding:1.5em 1em;
    display:flex;
    flex-direction:column;
    color:var(--c1);
    justify-content:center;
    align-items:center;
    border-radius:0.2em;
    position:relative;
    box-shadow:0 2px 5px 1px #0005;
}

.libox .litext{
    width:80%;
    font-size:1.1em;
}

.libox .btn{
    padding:0.5em !important;
    width:50%;
    display:inline-block;
    color:#fff;
    background:var(--c2d);
    margin-top:1em;
    font-family:Ob;
    border-radius:0.2em;
}

.libox .btn:hover{
    background:var(--c2ml);
    color:var(--c2d);
}
@media (min-width:768px) {
    #fpart{
        min-width:55%;
        margin-left:5%;
    }
}