/*==================================================
    MOBILE.CSS
    Mikster Kast Gallery v2.0.1
    
    made by Miguel Castro
==================================================*/

/* Ativa apenas em telas pequenas */

@media screen and (max-width: 768px){

    body{

        padding:10px;
        font-size:16px;

    }

    /* Estrutura principal */
    
    .container{
        width: 100%;
    }

    .content{
        display: flex;

        flex-direction: column;
    }

    .sidebar{
        width: 100%;

        margin-bottom: 15px;
    }

    .item{
        width: 100%;
    }

    .navbar{
        flex-wrap: wrap;

        gap: 10px;
    }

    .navbar a{
        padding: 8px 12px;
    }

    .prancheta{
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 20px;
    }

    .obra{
        width: 90%;

        max-width: 350px;
    }

    .obra img{
        width: 100%;

        height: auto;
    }

    select{
        width: 100%;
    }
}