body.flam-member-area {

    margin:0;

    background:#f2f2f2;

    color:#222;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}



.flm-header {

    background:#222;

    color:#fff;

    padding:25px;

}



.flm-header h1 {

    margin:0 0 10px 0;

}



.flm-navigation {

    background:#333;

}



.flm-navigation ul {

    list-style:none;

    padding:0;

    margin:0;

    display:flex;

    flex-wrap:wrap;

}



.flm-navigation li {

    margin:0;

}



.flm-navigation a {

    display:block;

    padding:15px 18px;

    color:#fff;

    text-decoration:none;

}



.flm-navigation a:hover {

    background:#555;

}



.flm-menu-toggle {

    display:none;

    width:100%;

    padding:15px;

    border:0;

    background:#333;

    color:#fff;

    font-size:18px;

    text-align:left;

}



.flm-container {

    max-width:1000px;

    margin:30px auto;

    padding:25px;

    background:#fff;

    border-radius:8px;

}



.flm-card {

    background:#eee;

    padding:20px;

    margin-bottom:20px;

    border-radius:6px;

}





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


    .flm-menu-toggle {

        display:block;

    }



    .flm-navigation ul {

        display:none;

        flex-direction:column;

    }



    .flm-navigation ul.open {

        display:flex;

    }



    .flm-navigation li {

        width:100%;

    }



    .flm-navigation a {

        border-top:1px solid #555;

        padding:17px 20px;

    }



    .flm-container {

        margin:15px;

        padding:20px;

    }


}