@charset "utf-8";

nav{flex-basis: 100%;}
nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-basis: 50%;
    
    margin: 0;
    padding: 0;
}
nav li{
    list-style: none;
    width: 100px;
    position: relative;
}
nav li img{width:100px;
    filter: grayscale(80%);}

.nav_txt{
    font-family: 'Nothing You Could Do', cursive;
    font-size: 100%;
    font-weight: 100;
    opacity: 0.8;
    color: white;
    
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%) rotate( -5deg ); 
    margin:0;
    padding:0;
}




/* tablet */
@media screen and (min-width: 520px) {

}

/* pc */
@media screen and (min-width: 920px) {
    nav{
        flex-basis: 80%;
    }
    nav li{
        width: 150px;
    }
    nav li img{
        width:150px;
    }
    .nav_txt{
        font-size: 140%;
    }
    

}
 

@media screen and (min-width: 1281px){

    nav{
        flex-basis: 80%;
    }
}