@media only screen and (max-width: 264px) 
{
    /* 320 is screen width on iPhone 5 SE */

    body {
        font-size: 1.0rem;
    }

    h1 {
        font-size: 1.6rem;
        margin-top: 5rem;
    }

    h2 {
        font-size: 1.4rem;
    }

    #header {
        background: none;
    }

    #content {
        width: 90%;
    }

    .logo-short  { display: grid !important; }
    .logo-full   { display: none !important; }
    .menu-short  { display: grid !important; }
    .menu-full   { display: none !important; }

    #popbar.hidden {
        width: auto;
    }

    #popmenu {
        width: 220px;
        font-size: 1rem;
    }
    
    /* Committee Table - reformat vertically */
    #comite {
        display: grid;
        grid-template-columns: min-content;
        grid-template-rows: min-content min-content 3rem;
        justify-content: center;
        align-content: center;
        justify-items: center;
        align-items: start;
        column-gap: 2rem;
        margin: auto; 
    }

    #comite .last {
        margin-bottom: 2rem;
    }


    .photo {
        display: none;
    }

    .spectacle {
        background: none;
    }
    
    .stages {
        background: none;
    }
    
    .compagnie {
        background: none;
    }
    
    .cours {
        background: none;
    }
    
    .presentation {
        background: none;
    }

    .crazybuttons a {
        margin: 0.25rem auto 0.25rem auto !important;
    }

    form > div {
        width: 100% !important;
        margin: 0 !important;
    }

    textarea {
        line-height: 1.4rem;
    }

    .courselist {
        padding: 0.5rem;
    }

    .discountlist {
        row-gap: 0.8rem !important;
        padding: 0.5rem;
    }

    .termslist {
        row-gap: 0.8rem !important;
        padding: 0.5rem;
    }
}