Bonjour tout le monde

Je n'arrive pas à faire les médias queries pour l'écran 320 et 768 px.
Ca ne prend pas en compte ca prend en compte que la largent de l'écran 1024. pourquoi il ne prend pas en compte ?
merci d'avance
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
@media only screen and(max-width: 768px)
{
	figure{
		width: 50% !important; 
	}
 
	footer{
	margin-top: 10em; 
	}
}
@media screen and(max-width: 320px)
{
	figure{
		width: 75% !important; 
	}
 
	footer{
	margin-top: 20em; 	
	}
}
@media only screen and (max-width: 1024px)
{
	nav
	{
		width: auto; 
		text-align: left; 
	}
 
	nav ul
	{
		flex-direction: column; 
	}
 
	nav li
	{
		padding-left: 4px; 
	}
 
	nav a
	{
		font-size: 1.1em; 
	}
 
	nav a:hover
	{
		border-bottom: 0; 
	}
 
	#slideshow
	{
		display: none; 
	}
	#textslider
	{
		display:none; 
	}
	.picture
	{
		display:none; 
	}
	.projets_album {
    flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	}
	iframe{
		display: none; 
	}
	#arriere_plan{
		display: none; 
	}
 
	figure {
	width: 35%; 
    }
 
	p{
		font-size: 100%; 
		font-family:  Arial, Verdana, sans-serif; 
	}
 
	#formulaire{
	background-color: rgba(52, 145, 178, 0.40); 
	}
 
 
	#conteneur_contact{
	width:60%; 
    margin-left:20%; 
 
	}
}