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

    body{
        font-size: 3.5vw;
    }

    layout{
        grid-template-columns: 100%; 
        grid-template-rows: 10vh auto 10vh; 
    }

    .menu-toggle {
        grid-area: 1 / 1 / 1 / 3;
        display: block; /* On affiche le bouton hamburger */
        margin:unset;
        padding:unset;
        border: none;
        background-color: rgba(18,18,13,1);
        color: white;
        position: fixed;
        z-index: 3;
        font-size: 5vw;
        font-family:"Sherman";
        width: 100vw;
        height: 10vh;
    }

    .bgimage{
        grid-area: 1 / 1 / 4 / 3;
        height: 100%;
        width: 100vw;
    }

    .bgimage::before { 
        grid-area: 1 / 2 / 2 / 3;
        content: "";
        position: fixed;
        width: 100%;
        height: 100vh;
        backdrop-filter: blur(3px);
    }


    #menu {
        background-color: rgba(18,18,13,1);
        grid-area: 1 / 1 / 4 / 3;
        display: none;
        height: 100vh;
        z-index: 2;
		flex-direction: column;
		vertical-align: middle;
		justify-content: space-evenly;
        position:sticky;
        font-family:"Sherman";
        font-size: 7vw;
        padding-top: 10vh;
    }

    #menu.show {
        display: flex; /* Le menu apparaît quand la classe "show" est ajoutée */
    }

    #menu > #logo_img{
        display: none;
    }

    #contenu{
        grid-area: 2 / 1 / 4 / 3;
        margin : 10px 0vw;
    }



    #contenu > .divcontenu{
		margin-top: 2%;
		min-height: 25%;
		display: flex;
		flex-direction: column;
		justify-content: stretch;
		box-shadow: 2px 3px 3px rgb(26, 25, 25);
		transition: 1s;
	}

	.image{
		width: 100%;
		max-height: none;	
		max-width: none;
	}

	#img_footer{
		width:40%;
	}

	.left{
		margin-right: 5%;  /*15*/
		margin-left: 5%; 	/*5*/
		width: 90%;			/*80*/
		
	}
	.right{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	.middle{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}

	.wrap > .paragraphe{
		display: flex;
		flex-direction: column;
		overflow-wrap: break-word;
		margin-bottom: 1%;
		margin-top: 1%;
		margin-right: 1%;
		margin-left: 1%;
		padding-bottom: 4%;
		padding-top: 4%;
		padding-right: 4%;
		padding-left: 4%;
		max-width: 90%;
		flex: 1 1 auto;
	}
	
	
	.text{
	    display : none;
	}

    h1
    {
    	font-family:"Sherman";
    	letter-spacing: 1px;
    	word-spacing: 1px;
    	font-size: 5vw;
    	margin:unset;
    }
    h2
    {
    	font-family:"Sherman";
    	font-size: 4.5vw;
    	margin:unset;
    }
    
    p
    {
    	font-family: 'Oswald', sans-serif;
    	font-size: 3.5vw;
    	letter-spacing: 0px;
    	word-spacing: 0px;
    	font-weight:bolder;
    	text-decoration: none;
    	font-style: normal;
    	font-variant: normal;
    	text-transform: none;
    }

	date{
		font-size: 5vw;
	}


	.contenu > button{
		font-size: 3.5vw;
	}

	.general-button{
		font-size: 3.5vw;
	}

	.discord-button{
		font-size: 3.5vw;
	}

	.youtube-button{
		font-size: 3.5vw;
	}

	.google-forms-button{
		font-size: 3.5vw;
	}

    .paragraphe > button{
        font-size: 3.5vw;
    }


    .slideshow-container {
        max-width: 100%;
    }
}